"Charles Blaquière" <bl**@interlog.com> wrote in message
news:Si********************@news01.bloor.is.net.ca ble.rogers.com...
David Graham wrote:
Your DTD puts IE6 in quirks mode. Try
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
and see if IE6 plays ball now.
Setting IE6 to Standards mode does work better: the images are now
centered in their DIVs. Unfortunately, the overflow does not get hidden.
1) Time to do some research on IE6(Standards) vs. overflow:hidden
2) If I'm going to use this technique, I'd better find a way for Quirks
mode to also work, since tons of people use IE5.
David, any further thoughts?
Hi Charles
I know IE (all versions) has some odd ways of handling the overflow
property. One mistake it makes is with
overflow: visible;
Instead of letting the contents spill out of the containing div, IE expands
the div so that it is big enough to fit the contents. A nice link explaining
how different browsers handle overflow is
http://www.xs4all.nl/~ppk/css2tests/overflow.html
I dont think IE has problems with hidden though!
Try removing the multiple classes incase its an issue related to that.
As for presenting IE5 and IE5.5 with sonething different to IE6 (standard
mode) I use conditional comments. These don't rely on any browser sniffing
and are quite safe and reliable. A useful link on this is
http://msdn.microsoft.com/library/de...thor/dhtml/ove
rview/ccomment_ovw.asp
I had a problem with older versions of IE not rendering the position of my
nav div correctly so I stuck the lines below into each page and it solved
the problem.
<![if lt IE 5.5000]>
<DIV ID="navigation">
<![endif]>
<!--[if IE 5.5000]>
<div id="navigation" style="left: -220px;">
<![endif]-->
<!--[if IE 6]>
<div id="navigation" style="left: -205px;">
<![endif]-->
Watch out for spaces in the above i.e the must be a space between each
seperate bit inside the square brakets. I'm basically saying above that if
IE less than version 5 (lt = less than) use the navigation div as it is, if
you IE5 then do the correction to the left position and if your IE6 then do
this other left correction. (OT) Having said all that, someone in this
group, might have been Toby, experimented for me and found out that IE did
not like my left: 0 - anyway it wasn't really necessary and when I took out
left: 0; it all worked the same in all IE versions.
HTH
David