|
|
Posted by Jonathan N. Little on 10/24/05 04:55
Jonathan N. Little wrote:
> While overhauling website to PHP and rid dependency of JavaScript for my
> navigation, I decided to update the CSS and some legacy table layouts on
> some pages. All seems fine except floated picture boxes fail only in
> MSIE6.0, The funny thing is looks fine in MSIE5.5 and 5.0! Here is a
> test page to illustrate the problem, the image boxes in 6.0 to not float
> left and right but span the whole content div...
>
> http://www.littleworksstudio.com/temp/debug.html
>
> Of course it looks correct in Opera, Moz, FF, Konq... and IE 5.5 5.0.
> Cannot seem to find the culprit or is my IE the problem. Dumped cache
> and rebooted but problem persists. Put pertinent style on the demo page.
>
Damn! I found it! Been futzing with this way too long. It was the margin
specification to center the image within the div in case the caption
text pushed the div wider than the image and padding.
.pixbox IMG,
.pixboxL IMG,
.pixboxR IMG {
display: block;
margin-left: auto; <- the problem
margin-right: auto; <- the problem
}
I guess it is not too important if the text push the image off center.
+--------------+
| [IMAGE] |
| Caption text |
+--------------+
Or is there another way that MSIE6 will not balk?
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|