Els wrote:[color=blue]
> Alex Krupp wrote:
>
>[color=green][color=darkred]
>>>[snip CSS code for 3 elements]
>>>
>>>That code in itself causes no problems in IE at all.
>>>Maybe you should post an online example so we can see what you're
>>>missing.[/color]
>>
>>The webpage in question is
http://www.emoticomm.com. It works in FF,
>>Safari, and Opera, but alas in IE I am getting the float drop. The
>>stylesheet is located at
http://www.emoticomm.com/stylesheet.css. Also,
>>I know the CSS is a bit sloppy but it should still work as far as I can
>>tell...[/color]
>
>
> The problem is caused by the margin:10px; in combination with
> float:left; on the coloured divs in the #contentleft.
> If you want the divs centered, leave out the float:left;.
> If you want them to the left, there's no use for margin:10px;.
>
> Also, you can't have your divs nested inside the <a> elements.
> <a href="index.html" class="menu"><div id="red">Our Product</div></a>
> should be:
> <div id="red"><a href="index.html" class="menu">Our Product</a></div>
>
> Last but not least, if you ask a question here saying you narrowed
> down the problem, it's best to not leave out the code that is causing
> the problem. The code you showed didn't narrow down the problem, it
> omitted the problem ;-)
>[/color]
I didn't check his CSS, but should work as well if he uses a Strict doctype.
Transitional puts IE6 into Quirks mode.
IE <6 is always in Quirks mode.
*All* new documents should be using Strict.
If he insists on using Transitional, he should apply the Box Model Hack.
He should change to HTML since he's not using XHTML properly.
--
Gus
