|
Posted by John Hosking on 03/01/07 04:30
Nate12o6 wrote:
> Im trying to layor one div over another but am having trouble. Take a
> look at the code snippet:
Unless you've only got a two-line snippet (and even sometimes in that
case as well), it's generally better to simply provide a URL.
> <body bgcolor="#ffffff" text="#000000" id="htmlsource">
> <div id="clientsDiv" style="float: left; width:25%;">
> <fieldset>
[blah blah snipped]
> </fieldset>
> </div>
> <div id="orderDiv" style="float: right; width:70%; height:500px;">
> <fieldset>
[more blah snipped]
> </fieldset>
> </div>
> </body>
[snipped vast quantities of code I never looked at]
>
> It looks perfect in Firefox but in IE the loaderContainerClients div
> will not layor on top of clients. It goes directly underneath.
> Shouldnt the z-index take care of this?
Try swapping the order of the DIVs in your source, so the right float
comes *before* the left float:
<div id="orderDiv" style="float: right; width:70%; height:500px;">
<fieldset>
...blah blah and more blah...
</fieldset>
</div>
<div id="clientsDiv" style="float: left; width:25%;">
<fieldset>
...blah blah...
</fieldset>
</div>
No, it's not intuitive, but IE rarely is.
HTH.
--
John
[Back to original message]
|