1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Layout problems in Firefox

Discussion in 'CSS' started by eksplayer, Nov 24, 2005.

  1. #1
    Hello,

    I am working on at CSS layout at the moment. It works fine in Explore - but not in Firefox.

    Link: http://www.nielsen78.dk/css3

    Any ideas :confused:
     
    eksplayer, Nov 24, 2005 IP
  2. J.D.

    J.D. Peon

    Messages:
    1,198
    Likes Received:
    65
    Best Answers:
    0
    Trophy Points:
    0
    #2
    IE grows div's with fixed height if there's more content than the div can fit. Other browsers don't (it's consistent with the CSS specification) and will render content similar to what you see. Removing the height usually helps to fix this problem (it will introduce another when if your content is too short, the page will look collapsed at the top).

    Also, keep in mind that IE doesn't support min-height, which would be the ideal solution in this case. Try experimenting with height set to 100% for some of the div's.

    J.D.
     
    J.D., Nov 24, 2005 IP
  3. draculus

    draculus Peon

    Messages:
    63
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Adding "clear: left;" to your definition for #footer sorts out the issue.
     
    draculus, Nov 24, 2005 IP
  4. eksplayer

    eksplayer Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    draculus: "clear: left;" works fine - thanks.

    But then my background image in 'wrap2' disappears in Firefox (still ok in Explorer).

    HTML: http://www.nielsen78.dk/css5/index.htm

    CSS: http://www.nielsen78.dk/css5/style.htm

    Any ideas?
     
    eksplayer, Nov 25, 2005 IP
  5. eksplayer

    eksplayer Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Now I almost have it...the only problem is, that the border above 'content' and 'submenu' is 6px while the border at the bottom only is 2px - both should be 4px.

    HTML: http://www.nielsen78.dk/css7

    CSS: http://www.nielsen78.dk/css7/style.htm
     
    eksplayer, Nov 25, 2005 IP
  6. eksplayer

    eksplayer Peon

    Messages:
    16
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Now it has been fixed. Just had to adjust the borders a bit - thanks for helping.

    Result: http://www.nielsen78.dk/css8

    ...and it works in Explorer, Firefox and Opera.
     
    eksplayer, Nov 25, 2005 IP