homepage Welcome to WebmasterWorld Guest from 54.237.78.165
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Div Tag Not stretching to bottom of page in IE
absolute positioning
Red_Eye

10+ Year Member



 
Msg#: 3213107 posted 10:51 am on Jan 9, 2007 (gmt 0)

I have the following

div#content
{
position: absolute;
top: 149px;
left:380px;
width:600px;
background-color: #5C6743;
bottom: 0px;
}

<div id="content"> aljdflajdslfajsdfl<div>

This should be straight forward and in Firefox it does what it should in IE it doesn't stretch down to the bottom.

Is there a work around with out using faux columns

 

mep00

10+ Year Member



 
Msg#: 3213107 posted 12:31 pm on Jan 19, 2007 (gmt 0)

Without seeing the context and without know why you are using absolute positioning, it's hard to provide a solution, though I believe the answer has to do with IE's support of css (good, but not great). However, there is a possible solution found at the positioniseverything.net article on In Search of the One True Layout [positioniseverything.net]. The article deals with a equal hight multi-column layout using floats, but I think the same approach should work for you.

To do this you may need to convert to using floats and change the css to following:

[i]div-parent-element[/i] div#content
{
overflow : hidden;
}

div#content
{
float : right;
width:600px;
background-color: #5C6743;
padding-bottom : 10000px;
margin-bottom : -10000px;
}

Again, without knowing the context, I don't know if this is the correct apporach.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved