3 replies [Last post]
Biber
Offline
newbie
Last seen: 16 years 2 weeks ago
Joined: 2003-05-04
Posts: 1
Points: 0

Hello
I startet to layout a page with simple css positioning (#...<div id="...">). All looks fine in NS 4.7, Opera 6&7 and IE6. Only in NS 7 one of the layers isn't at the right position and I can't find out why. Please have a look at dasfragezeichen.de/test/index.html. If you have any suggestions why the horizontal line is at the wrong place (only in NS 7) please tell me. Below is the code for the page.

Many thanks
Bernd

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 //EN">
<html>
  <head>
    <title>
      Lines
    </title>

    <style type="text/css">
    <!--

/* this is the layer (hor_line) wich is displayed at the wrong position in NS7 */
#hor_line {position:absolute; top:100px; left:10px; height:1px; width:750px; z-index:1;}

#ver_line {position:absolute; top:10px; left:100px; height:700px; width:1px; z-index:2;}

#lo_pic {position:absolute; top:50px; left:50px; height:50px; width:50px; z-index:3;}

#ro_pic {position:absolute; top:50px; left:101px; height:50px; width:248px; z-index:4;}

#lu_pic {position:absolute; top:101px; left:50px; height:188px; width:50px; z-index:5;}

#ru_pic {position:absolute; top:101px; left:101px; height:188px; width:248px; z-index:6;}

#banner {position:absolute; top:10px; left:380px; height:80px; width:300px; z-index:7;}
    -->

    </style>
  </head>

  <body text="#000000" bgcolor="#639A9C" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<div id="hor_line"><img src="images/white1.gif" width="750" height="1" border="0" alt=""></div>

<div id="ver_line"><img src="images/white1.gif" width="1" height="750" border="0" alt=""></div>

<div id="lo_pic"><img src="images/pic_lo.jpg" width="50" height="50" border="0" alt=""></div>

<div id="ro_pic"><img src="images/pic_ro.jpg" width="248" height="50" border="0" alt=""></div>

<div id="lu_pic"><img src="images/pic_lu.jpg" width="50" height="188" border="0" alt=""></div>

<div id="ru_pic"><img src="images/pic_ru.jpg" width="248" height="188" border="0" alt=""></div>

<div id="banner"><img src="images/banner.gif" width="300" height="80" border="0" alt=""></div>

  </body>
</html>

Anonymous
Anonymous's picture
Guru

Positioning problem with NS7

O.K.
I have it! I skipped all the div tags and putted the id's direct into the img tags like <img id="ro_pic" ...> and this works fine with all the browsers.

Regards
Bernd

cwcage
cwcage's picture
Offline
newbie
Austin, TX
Last seen: 16 years 8 weeks ago
Austin, TX
Joined: 2003-03-26
Posts: 1
Points: 0

A little off in IE6?

I was checking out your page in IE 6 and it seems the horizontal line is a bit lower than it should be, maybe by about 10px.

Doesn't break it terrible, but I thought I'd pass on the observation.

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 3 years 16 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

Positioning problem with NS7

Yeah same observation... hope changing the tags around helped solve that problem.

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.