clipping to viewport

[emmerink]

I like to make a frame-alike layout without frames, that clips to the
viewport.
An image of the layout can be found here:

http://www.roderik.net/layout.png

Preferably I make it using CSS, but maybe some javascript is necessary.
What is the best to obtain the layout as in the image?

Thanks in advance,

Roderik

[Neredbojias]

To further the education of mankind, em******@gmail.com vouchsafed:

I like to make a frame-alike layout without frames, that clips to the
viewport.
An image of the layout can be found here:

http://www.roderik.net/layout.png

Preferably I make it using CSS, but maybe some javascript is necessary.
What is the best to obtain the layout as in the image?

That's basically a 2-column layout with padding at top of the columns and
the header section absolutely-positioned.

--
Neredbojias
Infinity has its limits.

[Martin Eyles]

"Neredbojias" <http://www.neredbojias.com/fliam.php?cat=alt.htmlwrote in
message news:Xn**********************************@208.49.8 0.251...

To further the education of mankind, em******@gmail.com vouchsafed:

>I like to make a frame-alike layout without frames, that clips to the
viewport.
An image of the layout can be found here:

http://www.roderik.net/layout.png

Preferably I make it using CSS, but maybe some javascript is necessary.
What is the best to obtain the layout as in the image?

That's basically a 2-column layout with padding at top of the columns and
the header section absolutely-positioned.

I think what you actually want is fixed position. This works beautifully in
Firefox, but not internet explorer. However, a number of people have
investigated hacks. I found this on google

http://www.howtocreate.co.uk/fixedPosition.html

Hope that helps,

Martin

[Roderik]

Neredbojias wrote:

To further the education of mankind, em******@gmail.com vouchsafed:

I like to make a frame-alike layout without frames, that clips to the
viewport.
An image of the layout can be found here:

http://www.roderik.net/layout.png

Preferably I make it using CSS, but maybe some javascript is necessary.
What is the best to obtain the layout as in the image?

That's basically a 2-column layout with padding at top of the columns and
the header section absolutely-positioned.

How do you get the height right in that case (it should clip to the
viewport)?

[Daibhidh]

<em******@gmail.comwrote in message
news:11*********************@35g2000cwc.googlegrou ps.com...

I like to make a frame-alike layout without frames, that clips to the
viewport.

This works, but needs script for IE. I think there may be a better way.

http://www.hpaa.com/css1/div_frame.html

Daibhidh

[Neredbojias]

To further the education of mankind, "Roderik" <em******@gmail.com>
vouchsafed:

>
Neredbojias wrote:

>To further the education of mankind, em******@gmail.com vouchsafed:

I like to make a frame-alike layout without frames, that clips to
the viewport.
An image of the layout can be found here:

http://www.roderik.net/layout.png

Preferably I make it using CSS, but maybe some javascript is
necessary. What is the best to obtain the layout as in the image?

That's basically a 2-column layout with padding at top of the columns
and the header section absolutely-positioned.

How do you get the height right in that case (it should clip to the
viewport)?

Set html,body to 100% height and the lower (vertical) divs the same,
applying to them overflow-auto. As Martin Eyles pointed out, position-
fixed is preferred yet not supported in ie6 but the method I suggest does
work.

--
Neredbojias
Infinity has its limits.