Sent by Bob Easton on 11 August 2004 12:12
Grant Alkin wrote:
>>
>> I'm trying to have a single box with the
>> top at a set distance from the
>> top of the browser window and the bottom
>> of the box at the base of the
>> browser window. Within, the box I'd
>> like to have two columns, one
>> floated left. I'd like to have the
>> floated box extend the full
>> height of the box regardless of the
>> content.
>>
>> Here is the URL:
>>
>> http://dev.lifesci.ucla.edu/test/csstest
>> 2.html
>>
>> In Mozilla/Netscape it appears to work,
>> but doesn't really. When the
>> window is resized the box sticks to the
>> bottom of the browser window as
>> I wanted. However, when the content
>> extends below the browser window
>> and when one scrolls down, the box stays
>> the same size and the content
>> extends below the box.
>>
>> In IE, the floated column doesn't go all
>> the way to the bottom of the
>> box!
>>
Two differernt problems.
For the first, there's a conflict in the CSS. The absolute position
coordinates specify top:50px, and bottom:0em. This doesn't allow for
varying contents. Remove one or the other. And the 0em should really
be simply a 0 with no units.
The floated column is behaving normally. To get a column to extend all
the way to the bottom, you can use a different technique, such as
absolutely positioned in a left margin of #content. ... or you could use
the Faux Columns technique.
http://www.alistapart.com/articles/fauxcolumns/
--
Bob Easton
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
