Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Odd Cross Browser Layout Issue

    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:


    Firefox:


    Any idea what's going on?
    Attached Files Attached Files

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    Code:
    nav ul{padding:0;margin:0}
    will result in FF displaying the same as Chrome - then you can make amendments as required.

  • #3
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'll give that a try. Thanks!

  • #4
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #5
    New to the CF scene
    Join Date
    Mar 2012
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well, I got it fixed and it was a simple spelling error, lol...


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •