Re: [css-d] nav displaying incorrectly in IE
Daniel Hammond wrote:
URL: http://www.studentremix.org
The top navigation (Middle School, High School, Parents) displays
correctly in FF, Safari, and Opera, but IE really messes it up.
Internet Explorer doesn't support display:inline-block.
Changing this rule should help:
#navmenu li {
display: inline-block;
display: inline !ie; zoom:1 !ie;/* inline-block for IE */
height: 63px;
line-height: 63px;
margin: 0 0 0 14px;
padding: 0px;
vertical-align: bottom; /* might also need this */
}
Hope it helps.
--Bill
That didn't quite do it. Thanks for the attempt though. I messed
around with it a little more, and if you look at it now, you'll see
that it looks a little better, but still not how it should be. Again,
look at it in FF to see how it is supposed to look. IE is having some
padding/margin issues or something.
Thanks,
Daniel
__
css-discuss [cs...@lists.css-discuss.org]
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/
Re: [css-d] nav displaying incorrectly in IE
Daniel Hammond wrote: Daniel Hammond wrote: URL: http://www.studentremix.org The top navigation (Middle School, High School, Parents) displays correctly in FF, Safari, and Opera, but IE really messes it up. Again, look at it in FF to see how it is supposed to look. IE is having some padding/margin issues or something. Thanks, Daniel It may look as it is supposed to in FF but +1 font-scaling breaks the layout. Would it help to do just a very simple test case with just the nav in question (isolating it) on a clean sheet with the styles embedded in the head of the document? Might make it easier to de-bug. Are you trying to hit IE/6, too? -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] nav displaying incorrectly in IE
Daniel Hammond wrote: Daniel Hammond wrote: URL: http://www.studentremix.org The top navigation (Middle School, High School, Parents) displays correctly in FF, Safari, and Opera, but IE really messes it up. Again, look at it in FF to see how it is supposed to look. IE is having some padding/margin issues or something. Thanks, Daniel It may look as it is supposed to in FF but +1 font-scaling breaks the layout. Would it help to do just a very simple test case with just the nav in question (isolating it) on a clean sheet with the styles embedded in the head of the document? Might make it easier to de-bug. Are you trying to hit IE/6, too? IE6 would be nice, but if we get it working in IE7, and IE6 still requires a good bit of debugging, then I won't worry about it too much. I can work on isolating it on its own page. Let me know if you come across any solutions until then, though. Thanks much, Daniel __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] nav displaying incorrectly in IE
Daniel Hammond wrote:
[...]
That didn't quite do it. Thanks for the attempt though. I messed
around with it a little more, and if you look at it now, you'll see
that it looks a little better, but still not how it should be. Again,
look at it in FF to see how it is supposed to look. IE is having some
padding/margin issues or something.
Thanks,
Daniel
The padding issues seen in IE is due to your alternative IE stylesheet.
http://www.studentremix.org/templates/js_jamba/css/ie.css
#navmenu li a {
line-height: 22px;
padding: 4px 10px 4px 0px; /* IE uses this padding */
display: inline; /* possibly not needed */
}
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
css-discuss [cs...@lists.css-discuss.org]
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/
[css-d] nav displaying incorrectly in IE
URL: http://www.studentremix.org CSS: http://www.studentremix.org/templates/js_jamba/css/nav.css http://www.studentremix.org/templates/js_jamba/css/style2.css The top navigation (Middle School, High School, Parents) displays correctly in FF, Safari, and Opera, but IE really messes it up. You can see what I mean by viewing it in those browsers. Any help toward making it look everywhere as it does in the better browsers would be much appreciated. Thanks, Daniel __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] nav displaying incorrectly in IE
Daniel Hammond wrote:
URL: http://www.studentremix.org
The top navigation (Middle School, High School, Parents) displays
correctly in FF, Safari, and Opera, but IE really messes it up.
Internet Explorer doesn't support display:inline-block.
Changing this rule should help:
#navmenu li {
display: inline-block;
display: inline !ie; zoom:1 !ie;/* inline-block for IE */
height: 63px;
line-height: 63px;
margin: 0 0 0 14px;
padding: 0px;
vertical-align: bottom; /* might also need this */
}
Hope it helps.
--Bill
--
!--
! Bill Brown macnim...@gmail.com
! Web Developologist, WebDevelopedia.com
--
__
css-discuss [cs...@lists.css-discuss.org]
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/
