SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2007
    Posts
    42
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    extra space in ie on a relatively positioned div

    hello

    in ff http://www.phuset.dk/kopi/rasmus/rasmus.html looks the way it should

    see http://browsershots.org/http://www.p...us/rasmus.html

    in ff the 155px heigh #logobottom takes up space the way it is supposed to, but i ie 5.5 and 6 the 155pxs are added within #page, and in ie 7 the 155pxs are adds space outside of #center

    is there any way i can force ie to do it right?

    or is my method of adding a footer element to #imagecolumn flawed?

    thanks
    rasmus

  2. #2
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    When you relatively offset something, it still actually occupies the original space. Whilst FF and IE7 will allow a child to be larger than the parent, and therefore hang out of the parent, IE6 will increase the size of .clear-bottom-with-logo to enclose #logobottom. IE7 is still accounting for the real space occupied by #logobottom as a bottom margin, whereas FF is collapsing it.

    A more cross-browser way may be to absolutely position #logobottom relative to .clear-bottom-with-logo :
    Code:
    #logobottom {
    	position: absolute;
    	text-align: center; 
    	width: 201px; 
    	top: -155px;
    	left: 0;
    	}
    
    .clear-bottom-with-logo {
    	clear: both; 
    	height: 10px;
    	position: relative; 
    	}

  3. #3
    SitePoint Enthusiast
    Join Date
    Oct 2007
    Posts
    42
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    fantastic
    thank you
    rasmus


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
  •