Sent by Big John on 5 July 2004 07:07
Mary wrote:
> It works perfectly in Mozilla and Firefox. I know that the width
> of my containing content and nav divs exceed the width of the
> containing, banner div but I still can't figure out why I can
> overlap them in Mozilla and Firefox and not in IE.
>
> 1) Float design: http://www.tamucc.edu/~mvilla/test/
> 2) Absolute positioned nav design:
> http://www.tamucc.edu/~mvilla/test/index2.html
Mary, you are yet another hapless victim of MS's desire to
"help" you. Really. See, the floated design will work in IE
just as in Moz, but NOT if you give the content div a width
or height. That dimension causes IE to employ its "hasLayout"
mode, where it totally violates the float specs.
What is hasLayout? Nobody outside MS knows, because it is not
explained at their site. It just is. All kinds of float and other
bugs happen in IE when a box does not haveLayout, but havingLayout
causes this stuipd float model change:
http://positioniseverything.net/explorer/floatmodel.html
http://positioniseverything.net/articles/float-bugs-1.html
I think if you remove the width from the content box,
the float version will be fine.
In the absolute one you have percentages to set the location
of the right nav. Don't do that. "top" needs to be a pixel
length to keep it below the banner pixel height.
Don't use "left" at all, but instead use "right" in a pixel
length also. Then have a right margin on content wide enough to
keep the AP nav from covering it.
HTH
Big John
=====
--
Perennial student + Impractical joker + CSS junkie = Big John
<http://www.positioniseverything.net>
__________________________________
Do you Yahoo!?
New and Improved Yahoo! Mail - 100MB free storage!
http://promotions.yahoo.com/new_mail
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
