SitePoint Sponsor |
|
User Tag List
Results 1 to 3 of 3
-
Dec 9, 2007, 10:11 #1
- 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
-
Dec 9, 2007, 16:47 #2
- 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; }
-
Dec 10, 2007, 01:39 #3
- Join Date
- Oct 2007
- Posts
- 42
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
fantastic
thank you
rasmus
Bookmarks