Hallo ,
Bei Design-Fragen bitte immer mit angeben , welches Design man selbst verwendet.
Der Helfer muss sonst immer erst auf die Homepage , dann in den Quellcode der Seite ,
um herauszulesen, um welches Design es sich handelt .
Jedes Design hat seine eigenen Klassen. Darum .... vorweg .... das Design nennen .
(Wenn man das 30 mal am Tag machen muss, verliert man die Lust an der herumklickerei)
Zu Deiner Frage :
Du verwendest das Design
Iceblue . Du hast den Code drin, der das Design Iceblue verbreitert .
Also sich immer der Bildschirmauflösung des Besuchers anpasst .
Da hast Du einen "Fehler" drin . Schaue, was ich
rot markiert habe :
Hier der Original-Code :
http://www.homepage-baukasten.de/forum/viewtopic.php?t=52168
Du hast bei Klasse
td.edit_navi_headbg 100% stehen . Das ist die Ursache dafür,
das sich rechte Box und Textfeld , bei größeren Bildschirmauflösungen trennen .
Die Klasse muss wieder 15% bekommen , oder weniger . Und wenn weniger,
dann bitte auch bei der Klasse td.edit_rechts . Beide immer die gleiche Zahl !
Nun zu Deinem Quellcode im Feld "Text über Design"
Dir ist aufgefallen, das Du viele Klassen doppelt drin hast ?
Mit unterschiedlichen Anweisungen . Nun weiß der Browser nicht, was er ausführen soll .
Welche der doppelten Klassen hat Gültigkeit ?
Zu deinem Coolmenü / Navigation oben :
- Die Navi bfindet sich ja im
<div class="menu">
- Soll die Navi fest sitzen, muss die Änderung bei
div.menu { ... vorgenommen werden
Dein Code sieht so aus :
Ursache ist das
left:50%;
Die Bildschirmmitte ist dann , egal bei welcher Bildschirmauflösung .... margin-left: 0px;
Dein Coolmenü orientiert sich also immer mittig, egal welche Bildschirmauflösung.
Verkleinert / Vergrößert man das Fenster ..... verschiebt sich das Design, die Navi bleibt mittig .
darum bei unterschiedlicher Fenstergrößen auch unterschiedliche Position der Navi.
Nämlich immer ausgehend von der Bildschirmmitte .
LÖSUNG :
- entferne das left: mit der Prozentangabe
- das kann nur funzen, wenn ALLE Klassen ebenso platziert wurden sind
- füge ein : left: XXXpx;
- entferne auch das margin-left: -405px;
- den Abstand von linker Seite legst du nun (nur) mit left: XXXpx; fest
Gruß Wolfgang
______________