Forum Moderators: not2easy

Message Too Old, No Replies

Background Image/Text on Bottom

         

meetmatt03

2:27 am on Jul 15, 2003 (gmt 0)

10+ Year Member



Okay, here's a problem I've been fighting with for a while that I hope some of you may be able to help me with ...

I have a header frame with a picture that I want to fill the entire page, so I've set it as 100% width and 100% height. I also have the main links for the site in that frame, and I want them to be at the bottom of the frame (at the bottom of the page in the frame) and written over the picture. I tried setting the picture as a z-axis of -1 but it doesn't show up in netscape. When I don't set a z-axis for the picture but set a positive z-axis for the text (z-axis of 1), the text does show up over the picture, but I can't get the text at the bottom of the page in netscape. I tried making a table with 1 column and 2 rows and setting the top row at 85% height and the bottom at 15% height but that doesn't work in netscape. I also tried using a transparent gif as a spacer and setting it's height at 85% and having the text right below it, but that doesn't seem to be working either ...

Does anyone have any advice about how to accomplish this (100% height & width background image with text over it at the bottom of the screen)? Thanks so much ...

BlobFisk

9:11 am on Jul 15, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi meetmatt03,

A few questions:

You say that your header frame is 100% in width and 100% in height. Are there other frames? What size are these? Why are they there if your header is 100% x 100%?

You talk about a "z-axis" of -1, I'm afraid that I'm a little confused here! Do you mean z-index? Or something else?

Are you trying to accomplish this in CSS or using tables? With CSS it is possible to position a layer at the bottom of the screen.

Which version of Netscape are you referring to?

Also, I don't think that there is a way of getting a background image to stretch to 100%, it uses it's own dimensions and tiles. So, I'm afraid that it's bad news on that front.

meetmatt03

7:13 pm on Jul 15, 2003 (gmt 0)

10+ Year Member



Oops, let me clarify. I meant that the image in the header frame is 100% height and width (to take up the whole frame). The actual header frame is 100% width and about 16% height, aligned at the top. Also, I meant z-index, not z-axis, sorry lol. I was using the most current version of Netscape, 7.1.

You said "Also, I don't think that there is a way of getting a background image to stretch to 100%, it uses it's own dimensions and tiles. So, I'm afraid that it's bad news on that front." The reason that I tried using CSS is so that I could have just a normal image and therefore set it's height and width, but then manipulate its z-index to make it act as a background image.

Does that clarify? Thanks ...

meetmatt03

4:54 pm on Jul 20, 2003 (gmt 0)

10+ Year Member



Any ideas?