Chris Williams wrote:
> I have a new site design I'm working on at http://clwill.com/new/ The page
> is index.html, the CSS is in clwill.css. Obviously this is just an instance
> of my template page that I'm working on, I'll be all over the actual pages
> once I get this one nailed. (And yes, clearly some more work is to be done
> on centering, hovers, etc.)
>
> The problem is with the nav items that are supposed to show up in the dark
> banner above the gold bar. And just for a change of life, and to prove that
> weird things still happen in this world: It works on IE6, but NOT on FF.
>
I could think of a few ways of better doing what Chris wanted (such as
position:relative or position:absolute) and have emailed off-list, but
wasn't quite sure why (despite some syntax anomalies) the negative top
margin on the #nav-div wasn't working. After some experimentation, and
the odd test page I discovered that in FF, floated elements within a div
that has a negative top margin seem to always be put behind an image in
the overlapping div. Adding z-index doesn't seem to fix the problem.
In this case, making the banner image unavailable (but adding an
explicit height via CSS) proves that the menu is being positioned
correctly, but is not visible with the image in place.
Adding class="nofloat" to the final <LI> and putting ul#nav li.nofloat
{float:none} again proves that the menu is positioned correctly - here
the final <LI> shows on top of the image, but the floated ones are still
not visible. Again, I couldn't get z-index to make any difference. This
shows that it is not the div with the negative margin that is being
"moved behind the image" but merely the floated elements within the div.
IE doesn't exhibit this behaviour, but IE is not often correct.
Is this correct browser behaviour? Is it a bug? Am I completely
misreading the situation?
Just curiosity at this stage...
Regards,
D#
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
