Re: Height:100% - XXXpx CSS issue

In article
<c7b0dac0-dbc9-44cf-9a06-576cfef57495@xxxxxxxxxxxxxxxxxxxxxxxxxxxx>,
msoliver <michaelsoliver@xxxxxxxxx> wrote:

Okay, I believe this is one of the biggest issues found using CSS/DIV
layout. But, I haven't found a non-Javascript solution.

I would like two DIVs - first DIV, say with a height of 20px. The
second DIV with a height of 100% (the rest of the viewport).


There are different ways to skin this cat (your description is not quite
accurate but I sort of know what you mean).

This looks ok in FF 3, Safari 3 and iCab 4, Opera 9.5:

<http://dorayme.890m.com/alt/px_percent_heights.html>

--
dorayme
.

Relevant Pages

  • Re: equal height floated columns
    ... That limits your options to about nil as ABS positioning is the only CSS ... method that can be considered as suitable for creating a layout that is ... definitely need to have a DIV and float structure. ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: Filling remainder of height
    ... Using tables for layout, while frowned upon by some, isn't ... regardless of whether the bulk of yours use old browsers or not. ... can be added to a DIV tag that can't be added to a table, ...
    (alt.html)
  • Re: 2 divs on same line
    ... Tables (when used as a way to perform the overall layout) are quite rigid ... design your prefer... ... Software Developer & Consultant ... by default a div will render on a separate line. ...
    (microsoft.public.dotnet.framework.aspnet)
  • Re: Beginner converting from tables -- probably very simple answer
    ... I have a simple, standard two column layout: ... Does the image needs it's own div? ... Or assign it an absolute position relative to ...
    (comp.infosystems.www.authoring.stylesheets)
  • Re: Newbie question re CSS margins in IE
    ... I would like to have a panel that displays at full width whether there ... Surely the layout of the form/page shouldn't change if there is no ... I wish to create a <DIV> in the stylesheet that has a fixed ... the solution to your real problem ...
    (alt.html)