On May 30, 2009, at 12:00 PM, Jenni Beard wrote:
> Hmm, I've found that often what works in Mozilla does not work in
> Opera or
> vice-versa, now I just finally broke down and downloaded Chrome, and
> all
> works great in IE7, Mozilla3, Opera9.64, but the navigation is
> skewed to the
> left by about 30 or 40 px in Chrome. So, now I feel like I have to
> add a
> hack for Chrome--anyone have one??? Why oh why won't the browsers
> all see
> it the same way?!?!
>
> http://fossilbyte.com/1/template.html
>
> Thanks!!!
Hmm. Looking at your page in Safari 3.04, Safari 4b, Firefox 3.5b4,
Chrome 2.0 (windows), Chomium-Mac nightly build and IE 8 : all those
browsers display your navigation bar 50px more to the left than what
Firefox 3.0.10 does (or Opera 10.a)
You use a silly hack (assuming to do something in Firefox 3.0.x):
html[xmlns^=""]:not([lang*=""]) #left-col:not([id="#left-col"]) { /
*SiteStyle1.css (line 152)*/
margin-top:0;
padding-left:50px;
}
For some obscure reason, Fx 3 parses that somehow; it shouldn't, I
think. The # mark in the selector is a red flag. Not sure what's up
with Opera.
Why don't you first code your stylesheet for aforementioned browsers,
then adjust - if needed- for old crappy browsers like IE 7 ?
And BTW - IE 8 shows the <li> in that navigation bar with a white
background (coming from the spryMenu stylesheet). Possibly some poor
browser detection in the SpryMenu JS.
Philippe
---
Philippe Wittenbergh
http://l-c-n.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/
