PDA

View Full Version : frames, netscape and position

Detlef
03-11-2001, 06:50 PM
Hi,
Iīve got a nasty problem.
If you look at the following site:
http://www.schluesseldienst-dethlefs.de/frame/frame.htm
everything looks allright. But If I try to position text
right over the buttons on the left and the right, every-
things goes wrong. To make the background-images look
right in both IE and NS, I had to define them by %,
but if I try to do the same with text, either with simple
layers or CSS, IE and NS interpret these definitions
differently.
Can anybody help?
Ian
03-11-2001, 11:00 PM
Hi, your image should be a background image on your page and not as you have it. try adding to your <body> tag.

background="links.jpg"
and remove your current image tag from your page.

<img src="links.jpg" width="100%" height="100%" vspace="0" hspace="0">
Detlef
03-12-2001, 08:25 AM
I already tried to work with background-images, but it has
the effect with Netscape, that the images are partly tiled,
although the background images have precisely the same size
as the frames.
The other possibility, to put the text in the image, doesnīt look good because the images have to be extremely
compressed.
Thatīs why I tried to put the text into layers with %-positioning, so that it stays at the same position over
the image, but Netscape interprets this positioning in
another way than IE.
I really donīt know what to do!?!
Ian
03-12-2001, 09:01 AM
hmm, ok, try setting the image inside a table then (as a table background, if your image is the same size as your exposed frame area, it shouldn't tile. make sure you have topmargin=0 marginwidth=0 marginheight=0 leftmargin=0 rightmargin=0 in your <body> tag.
Worth a try anyway if you havent already.
Marlboro
03-12-2001, 11:02 AM
Okay here goes:
1) Make an image of button #1
and use the following code in your BODY:
<div id="image1">
<img src="someimage1.gif">
</div>
((lets assume this image is 50px high by 100px wide
2)Put this is in your STYLE tag:
#image1 {position:absolute; top:100px; left:10px; visibility:visible; z-index:100;}

3) Create a DIV in your BODY like so:
<div id="text1">
<a href="somewhere.html">Bank/Post</a>
</div>

4)Put this in your STYLE tag under the previous one:
#text1 {position:absolute; top:125px; left:40px; visibility:visible; z-index:200;}

Now you may need to tweak the numbers so everything lines up BUT the jest of things here is to create the images and place them EXACTLY where you want them via CSS with a low z-index value and then place your text EXACTLY where you want it via CSS with a higher z-index.

works everytime!!
enjoy
(ps: no tables, no background images no hassle)
Detlef
03-13-2001, 06:32 PM
Thanks for your help,
but lamentably none of it works.

The resolution for my problem would be a way to tell
Netscape to position the text on the page in %. I tried
this one:

<div style="position:absolute; top:11%; left:70px; z-index:2; font-size:22pt;"><a href="Lageplan2.htm" onFocus="if(this.blur)this.blur()">Anreise
</a></div>

but it only works with IE; Netscape takes the "11%" for
11 pixels.

This oneīs really driving me mad!