Matthew Bernhardt wrote:
> http://support.knowlton.ohio-state.edu/ksa06jello/
> 1) also on IE6/Win, the #ksamasthead div doesn't land on the
> #ksasubmasthead div below it. I believe this is due to the logo image
> being floated, and so passing outside the #ksamasthead div. I looked
> at the Wiki and added an "overflow: auto;" to fix this situation in
> the other browsers, but IE doesn't budge.
IE6 knows nothing about standards on that point. It needs a
'hasLayout'[1] trigger - as usual.
#ksamasthead {zoom: 1;}
...will do the trick.
* html #ksamasthead {overflow: visible; height: 1%;}
...is an even better option.
And while you're at it: change...
#ksamasthead {overflow: auto;}
...to...
#ksamasthead {overflow: hidden;}
...to avoid the potential Gecko-bug on the former.
> On a related note, the main menu ("The School | Architecture ...") is
> something I'd ideally like to vertically align to the bottom of the
> ksamasthead div.
Add...
#ksamasthead {position: relative;}
...and change the menu to...
#ksamenu {
color: #6e0333;
font-size: .9em;
position: absolute;
bottom: 0;
left: 0;
}
* html #ksamenu {
bottom: -1px;
}
...and it will stay in place.
> 2) on IE6/Win, submenu ("Welcome | News | Events...") has a 1-pixel
> gap between it and the border of its div.
Can't see that at my end.
> 3) on FF1.5.0.6/Win, the top of the content box disappears.
Gecko still has problems "hitting the pixel" correctly, so I can't
recommend a perfect cure for such a problem. Happens a lot on my designs
too.
> 4) This is picking nits, but I've tried adding a :last-child selector
> in the CSS for both the main and sub menus to add a trailing color
> bar to the right of both menus. It shows up correctly in FF, but not
> in Opera or IE. I'm not too stressed about this one, but I am curious
> about why it's happening?
Don't think they support it yet.
You can replace it by adding...
#ksamenu, #ksasubmenu {border-right: .5em solid #dd0067;}
#ksasubmenu {position: relative;}
...and get exactly the same effect across browser-land.
regards
Georg
[1]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
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/
