Das <div> bleibt ja sowieso immer an der gleichen Stelle, stets genau 266 px von links und 147 px von oben.
Dein Problem ist, dass du den Rest der Seite zentrierst. Und die Mitte einer Seite ist natürlich je nach Größe des Fensters immer unterschiedlich weit von links und oben.
Dadurch entsteht der Effekt, dass der Abstand zwischen Text und Menü je nach Auflösung variiert.
Eine einfache Lösung:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11: |
<div id="container" style="position:absolute;width:800px;height:600px;left:50%;top:50%;margin-left:-400px;margin-top:-300px;">
<img src="logos/esdesign.gif" name="image1" id="image1" width="800" height="600" border="0" alt="" usemap="#Map">
<div id="text" style="position:absolute;left:180px;top:140px;width:600px;height:400px;">
<p>Text hier</p>
</div>
</div>
|
Dass deine Seite aus unerfindlichen Gründen eine einzige fette Grafik ist, noch dazu mit 800x600px für genau diese Auflösung zu groß bemessen, übergehe ich hier mal mit leichtem nervösen Zucken...
Ach, und zu "bei zentralen Designs von Layern abzuraten":
"Layer", bzw. eigentlich absolut positionierte Block-Elemente, also ein Teilgebiet der CSS-Positionierung, sollten trotz ihrer derartigen Umsetzung in WYSIWYG-Editoren nicht irgendeine zusätzliche Methode sein die man für bestimmte spezielle Aufgaben einsetzt indem man sie über Tabellen drüberklatscht, sondern ein völlig neues Verständnis von Web-Entwicklung, das eine ungeheuere Menge an Vorteilen bringt und zu dem viel mehr gehört als mit <div>-Tags herumzuschmeißen... |
