Displaying images in css "frames"

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Hi everyone,
Hopefully someone can help me.
I'm trying to create a webpage using css, rather than frames, so that
the top 100 pixels of the browser window will show a fixed, non-
scrollable image. The "frame" below this will show another image,
which will allow the text to be scrollable, but will not allow the
image to move. I don't want the text in this bottom frame to scroll
over the top frame. I've written the following css and html but it
doesn't display the two images, nor does it prevent the bottom-most
text scrolling over the top-most frame, even though I have specified a
higher z-order for it. Te top frame will just show the image; the
bottom will show an image and white text. Can anyone please help?

Many thanks



This is defined in the head section:

position: fixed;
background-image: url(top_backdrop.jpg);
background-repeat: no-repeat;
top: 0px;
bottom: 0px;
height: 100px;
width: 100%;
background-attachment: fixed;
z-index; 10;

position: relative;
background-image: url(backdrop_main.jpg);
background-repeat: no-repeat;
top: 100px;
bottom: 0;
background-attachment: fixed;
color: #ffffff;


and then, in the body of the html page, I have

<div id="header"></div>

<div id="mainbody">Body text here</div>

Re: Displaying images in css "frames"

Paul.Lee.1971@gmail.com wrote:
Quoted text here. Click to load it

No. But things become a lot more obvious when we have a URL.

We'll probably just wait until you get your FTP figured out. GL.

Pondering the value of the UIP: http://improve-usenet.org /

Re: Displaying images in css "frames"

Quoted text here. Click to load it

Its got fixed. The URL is http://www.paullee.com/book_test3.html

I've since solved some of the problems (included, amonst others, a
missing semi-colon), but other problems have now become evident.
For instance, Both the top and bottom frame are now references from
the top left origin of the screen; I wanted the bottom frame to be
flush against the top one.
The white text in the bottom frame doesn't show up (and yes, the text
I put in is only a placeholder)
Also, when scrolling the bottom frame up, it obscures the top frame,
even though I have set the top frame to have a high z-order value.

With best wishes


Re: Displaying images in css "frames"

On 28 Apr, 17:12, "Paul.Lee.1...@gmail.com" <Paul.Lee.
1...@googlemail.com> wrote:
Quoted text here. Click to load it

Yes, it's not on a server.

Post a URL.

Site Timeline