SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    637
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Issue with Firefox margin-top

    Hey guys,

    Ok my site looks perfect in Google Chrome and very very similar in Firefox, but am having one issue...

    Here is the link...

    http://terrywhitehead.ca/election/

    Now in Chrome the slider title lines up perfect with the red background bar which is what I want and goes behind the nav nicely but in Firefox its off about 5px or so and doesnt show behind the nav.

    Never tried it in Internet Explorer but could someone let me know how I can make it so the grey title bar will line up nicely in Firefox and Chrome.

    Thanks,

    Mike

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,338
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Float #content instead and then all browsers will behave the same.

    Code:
    #content {
        float:left;
        width: 934px;
        margin:-17px 0 0 33px;
       display:inline;
        overflow: hidden;
        background: #FFFFFF;
        position: relative;
    }
    Just remember to clear anything that follows.

  3. #3
    SitePoint Guru
    Join Date
    Aug 2009
    Posts
    637
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks PAul O'B worked perfectly looks same on Firefox and Chrome now, just wish I had IE here but I don't hopefully it looks fine in IE as well lol I'll have to test tonight when I get home.

    Thank you,

    Mike

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,338
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    I checked ie7 and 8 with the fix I gave and it seemed to be ok.


Bookmarks

Posting Permissions

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