Sun, 2003-05-04 19:13
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> 
Sun, 2003-05-04 20:08
#1
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
Tue, 2003-05-27 18:07
#2
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.
Tue, 2003-05-27 19:03
#3
Positioning problem with NS7
Yeah same observation... hope changing the tags around helped solve that problem.