jens: DIV positionierung

Beitrag lesen

SELF-Forum

DIV positionierung

jens
– Informationen zu den Bewertungsregeln

Guten Tag,

ich habe folgenden Quelltext :

<body>
<table width="100%" height="100%" border="0">
<tr>
<td>
<div class="SSW19 ">
 <table border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td><u>SSW 19</u></td>
  </tr>
  <tr>
   <td><font size="-1">AQ11</font></td>
  </tr>
  <tr>
   <td><font size="-1">Inselbus: 206</font></td>
  </tr>
  <tr>
   <td><font size="-1">Modem: 7</font></td>
  </tr>
  <tr>
   <td><font size="-1">DA: 15</font></td>
  </tr>
       </table>
</div>
<div class="SSW22 ">
 <table border="0" cellpadding="0" cellspacing="0">
  <tr>
   <td><u>SSW 22</u></td>
  </tr>
  <tr>
   <td><font size="-1">AQ8</font></td>
  </tr>
  <tr>
   <td><font size="-1">Inselbus: 206</font></td>
  </tr>
  <tr>
   <td><font size="-1">Modem: 7</font></td>
  </tr>
  <tr>
   <td><font size="-1">DA: 15</font></td>
  </tr>
 </table>
</div>
<table>
 <tr>
  <td><img border="0" src="usaged/pics/vba_west.jpg"></td>
 </tr>
</table>
</td></tr>
</table>

und folgendes Stylsheet:

.SSW19{
   border: 1px solid #000000;
   padding: 3px;
   color: #663300;
   background-color: #FFEECC;
   width:100px;
   height:80px;
   position:absolute; left:430px; top:860px;
   z-index: 1;
}
.SSW22{
   border: 1px solid #000000;
   padding: 3px;
   color: #663300;
   background-color: #FFEECC;
   width:100px;
   height:80px;
   position:absolute; left:370px; top:520px;
   z-index: 1;
}

Mein Problem:

die funktioniert nur bei einer bestimmten auflösung, wenn die Auflösung größer wird, dann verschieben sich die DIV's.

Wenn ich die DIV's mit relative ausstatte, stehen die DIV's untereinander.

Mein Ziel:

Ich habe ein Bild als Hintergrund und will dort bestimmte stellen mit den DIV's markieren.

Was mache ich falsch? Bei Relative müssen die DIV's doch von sich selbst ausegehen?

Danke Jens

Beitrag melden
–
Informationen zu den Bewertungsregeln