If you view the site in IE6 ( and below I assume ) there is a 3px gap on either side of the center column, leaving a slight gap between the left and right columns of the site. If this were simply a cosmetic issue, I wouldn't mind to terribly much - however, it shortens the center column enough to cause the gallery to only display two rows of images as opposed to three. I was told to take a look at http://www.positioniseverything.net/explorer.html , but couldn't find a bug that fit my description. The site displays correctly in Firefox and IE7.
Edit: Forgot site URL :bigoops:
which site are you referring
which site are you referring to?
http://www.positioniseverythi
thepineapplehead
http://www.positioniseverything.net/explorer/threepxtest.html maybe?
hahaha... I meant which site did they want help with... I see they've added a link to it now
I was talking to Naliff, but
I was talking to Naliff, but never mind
Doesn't seem there is anything wrong with it.
I checked this site: http://www.gadgephile.com/ABHQ/ and it all looks good. I have no idea what you are talking about, sorry I cannot be of any help.
thepineapplehead
http://www.positioniseverything.net/explorer/threepxtest.html maybe?
Hmm...It sounds close, but I don't have any < p > tags inside of my container. This wouldn't apply then, right?
I checked this site: http://www.gadgephile.com/ABHQ/ and it all looks good. I have no idea what you are talking about, sorry I cannot be of any help.
Which browser did you view it in? So far, I've only had this problem in IE6.
I still haven't been able to
I still haven't been able to find a fix, or even identify, this bug. I've stripped down my CSS to the basics, stripped down the html to the minimum, and here's what I have. It displays fine in FF and IE7. When viewed in IE6, however, there's a 3px gap on either side of the middle column.
For some reason, html won't post using the code tags, so I've uploaded it to the following URL: www.gadgephile.com/ABHQ/bug.html
Below is my stripped down CSS file.
body { padding: 0; margin: 0; color: #333; font: normal 1em "Lucida Sans Unicode",sans-serif; background: yellow; } #wrapper { width: 773px; height: 600px; margin: 0 auto; padding: 7px 4px 7px 7px; border: 3px solid #2e2e2e; background: red; overflow: hidden; } #menu { display: inline; padding: 0; margin: 0; width: 249px; height: 604px; float: left; background: white; } #main { margin-left: 249px; margin-right: 67px; padding: 7px; height: 580px; background: green; border: 3px solid #2e2e2e; } #rightbckgrnd { margin: 0; padding: 0; display: inline; width: 67px; height: 604px; float: right; background: blue; }
Assume this is fixed now?
It all looks fine in IE6 at 800x600 and 1024x768
Yes, I found a fix for it
Yes, I found a fix for it late last night. The fix uses IE's quirk mode and negative margins to get rid of the 3px jog. Thanks everyone!