PDA

View Full Version : Odd Cross Browser Layout Issue



sainraja
Mar 2nd, 2012, 04:21 AM
I am having a weird issue with Firefox and Chrome. I am trying to position the global navigation and if I get it right in one browser it messes up in the other.

Right now it looks fine in Firefox but it's all messed up in Chrome. I can't quite pinpoint the issue so if any of you guys can help, I'd appreciate it.

I have attached the files and screenshots to show what's happening.

Chrome:
http://i39.tinypic.com/2u7oi1y.png

Firefox:
http://i40.tinypic.com/jgpr7s.png

Any idea what's going on?

SB65
Mar 2nd, 2012, 09:07 AM
nav ul{padding:0;margin:0}

will result in FF displaying the same as Chrome - then you can make amendments as required.

sainraja
Mar 2nd, 2012, 03:54 PM
I'll give that a try. Thanks!

sainraja
Mar 2nd, 2012, 04:07 PM
Alright, so that worked and the navigation appears in the correct place. Now the content div's placement isn't matching. I am guessing the solution is similar....I gotta take a look at the reset.css file again. I thought I had already set all padding/margin to zero by using it.

sainraja
Mar 3rd, 2012, 10:44 PM
Well, I got it fixed and it was a simple spelling error, lol...