djhopps

Hi there – I havent’ actually changed my theme, I’ve just modified it. I managed to fix the alignment problems by starting from scratch and playing around with the width of the individual columns for the grid (the .hentry sections). Try reducing them down to 300, 300, 300 (so you have 3 entries followed by a gap of 100 pixels), then increase them incrementally until they fit Ok. It’s a bit weird as they SHOULD add up to 1000 pixels. Mine didn’t!

I’ve done more investigation on this, and it looks like I can actually see the arrows in IE if I set the page view zoom level very far out.

The arrows are staggered an entire width of my site apart…. it’s as if they misaligned by one width. I’ve uploaded a small jpg where you can see this ….. Again, they are fine in single-post pages (and everything is ok in Firefox).

Picture of problem

Any help and I’ll be your friend forever! This is the last part of my site then it’s all good to go.

Cheers, Dave.

Me too – having the exact same problem. I’m going to work on this today to see if I can find out what is responsible….. damn Internet Explorer.

Anyone else have any idea? Works fine in FF, but won’t line up properly in IE.

My affected page is at test-post-1 at:
https://www.hopkinsphotography.co.uk/index.php/2011/01/test-post-1-3/

Cheers, D.

OK, thanks…. maybe we can work this out somehow.

Hi thomasfessl. I have exactly the same problem as you. Have you managed to resolve this? Could you please let me know what you have changed to get it working?

I have a test page here which is fine in Firefox but the thumbnails appear totally squashed in IE8.

Thanks, DaveH.

I thought I would elaborate on my initial post…… what I am trying to do is to modify my Autofocus+ Pro site and :

1. Change the site width to 1000 pixels from 800 pixels
2. Display 1000px width pictures in the single-post section (currently they display in a 1000 pixel area but I just get a 800/794 pixel size photo with a grey background).
3. Have post-images on the blog-grid align correctly with just a maximum of 9 or 10 posts.

Can anyone help here? I’ve just added an image for the top 5 posts on my site.

Here’s what I have done so far…..

1. I’ve edited my autofocus style.css so all 800 pixels are removed from just the “layout” section (I’ve added +200 to these values):

/*	Layout
-------------------------------------------------------------- */
body {min-width:1032px}
#header {width:1000px; margin:22px auto;}
#access {position:relative; overflow:hidden;}
#wrapper {position:relative;z-index:20}
#main {width:1000px; margin:0 auto; padding:0;overflow:visible; position:relative;z-index:25}
#container {width:1000px;display:table;padding:0; margin:0 0 66px;}
#content {margin:44px 0 0; width:1000px; overflow:visible}
.main-aside {width:392px; float:left; position:relative;}
#secondary {clear:right}
#footer {clear:both; width:1000px; margin:0 auto}
#subsidiary {width:1000px; margin:0 auto; overflow:hidden}
#siteinfo {clear:both; }

2. I’ve made changes to the default-layout.css (as this is Autofocus +Pro) in order to try and ensure that the 1000 pixel table is adhered to but this doesn’t seem to reflect in the blog-grid as it’s now back to showing around 800 pixels

.blog #content .hentry.p1 {width:664px;margin-right:5;}
.blog #content .hentry.p2 {width:330px;}
.blog #content .hentry.p3 {width:330px;margin-right:5;}
.blog #content .hentry.p4 {width:330px;margin-right:5;}
.blog #content .hentry.p5 {width:330px;}
.blog #content .hentry.p6 {width:330px;margin-right:5;}
.blog #content .hentry.p7 {width:665px;}
.blog #content .hentry.p8 {width:664px;margin-right:5;}
.blog #content .hentry.p9 {width:330px;}
.blog #content .hentry.p10 {width:664px;margin-right:5;}

Note that if I restore these lines back to their defaults, I get a wider grid (the top post-grid-box is by default set to 100% and so fills 1000 pixels), but the remainder are staggered as if I am missing posts (but I’m not)

3. I’m pretty sure that in order to get 1000 pixel posts in the single-post area, I’ll have to alter function.php or some other file. After reading thru loads of posts I’ve tried // commenting out the ‘$_GLOBALS[content_width] = 494’; line in function.php but that didn’t seem to make any difference.

So, 3 problems.
1. 1000 pixel width isn’t working
2. Blog-grid isn’t aligned properly, and
3. Pictures on single-post page are not 1000pixels, and

If anyone has had similar issues and could advise that would be great. I’m losing the will to live ??

Blog is at https://www.hopkinsphotography.co.uk/index.php/blog-2/

Thanks, Dave.