Hi,
Is it possible to simulate frames behaviour with CSS?
Currently, I've used CSS to create the visual look of my old framed
site.
For this I've used styles that place the images at absolute positions.
Then I thought, if I fixed the image positions, the images will stay
put and the 'body' will scroll up, like in frames.
This too worked, except the 'body' content scrolled over the fixed
images.
The 'body' position is also set with a CSS absolute position.
Can I assign layers to the images and 'body' styles so that the 'body'
is beneath the images when it scrolls up?
Note part of the 'frame' at the top is set up with a repeat-x
background tile.
Below are the stylesheet snippets in question:
body {
color: #000000;
background-color: #ffffff;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background: white url("images/index_topstrip.gif");
background-repeat: repeat-x;
background-position: top; <--not yet fixed position of this one
}
..style0 <--this one for the "body"
{
position: absolute;
top: 145px;
left: 160px
}
..style10 <--these ones onward for the fixed images
{
position: fixed;
top: 2px;
left: 0px
}
..style11
{
position: fixed;
top: 80px;
left: 0px
}
..style12
{
position: fixed;
top: 132px;
left: 0px
}
etc etc