From: John Sutton <[EMAIL PROTECTED]>
> I'm really curious about the behavior of the top navbar in IE6 and
>Opera of the following site. Firefox and IE7 don't seem to have issues.
>
>http://www.tenhenstudio.com
>
>In IE6 the navbar renders as it should on the 'home' link, but at all the
>other links the horizontal bar drops down a pixel or two.
I agree with David, I don't see behavior as you've described in IE6 (or Opera,
for that matter).
What I do see is the navbar expanded beyond what it should be and things
(arrow) out of place.
My suggestion is to ditch completely the IE6.css file you have and let IE6 just
go with the regular css and the menu css. There is one addition you can make to
the tenhenstudio.css (regular) and one hack you can add that will match IE6 up
like FF. Opera is almost the same (as far as I can tell).
add:
#branding img {vertical-align: bottom;} /* this will remove the extra space IE
leaves for descenders in the inline display of the image. Alternately you can
use {display: block;} for the same selector (which you don't have at the
moment) */
add:
* html #navmarker-index {top: 226px;} /* to the regular style sheet. This will
snug the arrow up to the horizontal nav as it is in FF. If you don't care (I
kind of like the space) then don't add the selector. */
I didn't download and check any of the other pages, but you might want to start
with them without the IE6.css file, and see if you really need all those
selectors with their itty bitty changes. I also didn't look at IE7 or its
separate style sheet.
~holly
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
