Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS what is happening with my wrapper?

  • This topic is empty.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #25435
    al_m473
    Participant

    what is happening with the wrapper in FF?

    it shows on top and bottom of the box in IE7, but not in FF3.5, why?

    Code:




    Model Test Box


    Pellentesque habitant morbi tristique senectus et netus et malesuada fames.


    Al

    #60518
    Rob MacKay
    Participant

    sorry, what’s going on? lol

    #60538
    eXo
    Member
    "al_m473" wrote:
    Code:

    should be

    Code:
    #60551
    al_m473
    Participant

    changed it to ID, was fiddling around with the code and uploaded the wrong version.

    problem is that in FF, the wrapper color disapppears on the top of the box and on the bottom of the box. the space
    occupied by the wrapper does not, just the background color. in IE, the background color shows up.

    I will attach images

    IE:

    [attachment=1]IE_image.JPG[/attachment]

    FF:

    [attachment=0]FF_image.JPG[/attachment]

    Al

    #60564
    al_m473
    Participant

    something else that is strange, if I use Firebug and highlight the wrapper, the wrapper starts 20px down from the top
    of the page. there is no margin or padding on the wrapper and should be at the top of the screen, the #box has a
    margin of 20px which seems to be affecting how the wrapper is displaying. I know I can get around this situation by
    specifying padding: 20px on the wrapper but I would like to know why this is happening.

    Al

    #60569
    apostrophe
    Participant

    Each browser has its own default css settings, that’s why most people start with a reset.
    Try this for now:

    Code:
    * {
    margin: 0;
    padding: 0;
    }
    #60581
    al_m473
    Participant

    not that, apostrophe, I do have that in my CSS code

    Al

    #60689
    apostrophe
    Participant

    Ok, I just had 10 minutes and as you didn’t give us a link I recreated your page.

    Basically what is happening is the containing div is collapsing. Just add overflow:hidden; to #wrapper.

    #60687
    al_m473
    Participant

    is the collapsing a function of FF? is that just how it works?

    Al

    #60688
    apostrophe
    Participant

    Just a quirk of css.

Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘CSS’ is closed to new topics and replies.