Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- Displaying images in css "frames"
April 28, 2008, 3:45 pm
rate this thread
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?
This is defined in the head section:
and then, in the body of the html page, I have
<div id="mainbody">Body text here</div>
Re: Displaying images in css "frames"
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