Verschieben des textes bei versch. Auflösungen

dypor

Habe ein Problem bei verschiedenen Auflösung:

Das Textfeld wo sich der Inhalt befindet verschiebt sich bei verschiedenen Auflösungen, bei 1024x768 ist es wie es eigendlich soll

Meine Frage ist also ob man dieses Textfeld irgendwie fixieren kann ?

Hier mal 2 Beispiele:

1024x768
[Blockierte Grafik: http://img347.imageshack.us/img347/7487/19jr1.jpg]

1280x1024
[Blockierte Grafik: http://img441.imageshack.us/img441/8831/12806sv.jpg]

Zitat

<body>

<div style="position: absolute; width: 386px; height: 284px; z-index: 1; left: 523px; top: 141px" id="Ebene1">
<table border="0" width="338" id="table2" style="border-collapse: collapse">
<tr>
<td width="336"><font face="Verdana" color="#FFFFFF" size="1">
text text text text text text text text text text text text</font></td>
</tr>
<tr>
<td height="12" width="336">
<table border="0" width="338" id="table3" style="border-collapse: collapse">
<tr>
<td width="336"><font face="Verdana" color="#FFFFFF" size="1">
text text text text text text text text text text text text</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="5" height="14">
<font face="Verdana" size="1" color="#FFFFFF"></font><table border="0" width="338" id="table6" style="border-collapse: collapse">
<tr>
<td width="336"><font face="Verdana" color="#FFFFFF" size="1">
text text text text text text text text text text text text</font></td>
</tr>
</table>
<table border="0" width="338" id="table4" style="border-collapse: collapse">
<tr>
<td width="336"><font face="Verdana" color="#FFFFFF" size="1">
text text text text text text text text text text text text</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="5" height="14">
<table border="0" width="338" id="table5" style="border-collapse: collapse">
<tr>
<td width="336"><font face="Verdana" color="#FFFFFF" size="1">
text text text text text text text text text text text text</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="5" height="14">
<table border="0" width="338" id="table7" style="border-collapse: collapse">
<tr>
<td width="336"><font face="Verdana" color="#FFFFFF" size="1">
text text text text text text text text text text text text</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="5" height="14">
<table border="0" width="338" id="table8" style="border-collapse: collapse">
<tr>
<td width="336"><font face="Verdana" color="#FFFFFF" size="1">
text text text text text text text text text text text text</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="5" height="14">
<table border="0" width="338" id="table9" style="border-collapse: collapse">
<tr>
<td width="336"><font face="Verdana" color="#FFFFFF" size="1">
text text text text text text text text text text text text</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="5" height="14"></td>
</tr>
<tr>
<td width="5" height="14"></td>
</tr>
</table>
</div>
<p align="center"></p>
<p align="center"></p>
<div align="center">
<table border="0" width="58%" style="border-collapse: collapse" id="table1" height="385">
<tr>
<td height="42">
</td>
<td height="42"></td>
</tr>
<tr>
<td colspan="2" height="302">
<p align="center"><font face="Verdana" size="2" color="#FFFFFF">
</font></td>
</tr>
<tr>
<td colspan="2" height="41">
<p align="left">

</tr>
</table>
</div>
</body>

Alles anzeigen

BendOr

vll mit <td style="valign:right;padding-right:20px;">

Und was muss dann weg oder ersetzt werden ?

cookie

ja logisch verschiebt sich der text (habe quelltext nur überflogen) aber du hast gleich am anfang position:abolute also wird es absolut positioniert also wird der text bei jeder auflösung an exact der gleichen position sein ....

Und auf was muss es geändert werden ?

supersass1

Code

<div style="position: absolute; width: 386px; height: 284px; z-index: 1; left: 523px; top: 141px" id="Ebene1">

das weg...

so, du könntest das ganze in eine Tabelle machen, links das bild, rechts der Text...

mfg supersass1

BendOr

oder in 2 divs : )

Tags