Hallo,
vorweg müsstest du einige Darstellungs-Fehler im Design beheben
Position der Baukastenwerbung
Du hast die Werbung extrem weit nach Rechts verschoben. Weil sie deine Grafik überdecken würde ?
Die Werbung muss natürlich über dem Design sitzen, sonst wird die Seite gelöscht.
Lösung: Die Lücke für die Werbung muss schon auf der Grafik selbst vorhanden sein.
Also Logo und Navi-Felder müssten ca. 130 Pixel tiefer auf dem Bild beginnen.
kurze Info zum Design-Container ( #container )
- das Design CSS hat im Quellcode das <div id="
container"> </div>
- es hat als Inhalt alle Felder des Designs (Header,Navi,Box,Seiteninhalt,Counter, u.s.w.)
- dieses DIV sollten wir maximal
980 Pixel breit machen
-
Besucher mit 1024 er Bildschirmauflösung sehen nur 1000 Pixel in der Breite
- wir lassen ihnen noch 20 Pixel Luft / Abstand, um etwas vom Hintergrundbild zu sehen
- das DIV wird mit margin: auto; mittig platziert
- und alle anderen Felder innerhalb dieses DIV müssen wir nur noch mit margin ausrichten
Problem mit der Hintergrundgrafik
- entweder die Grafik so breit , wie das Design, dann bekäme #container die Hintergrundgrafik
- oder wenn übergroße Grafik, dann bekommt sie body , mit dem background-size (zum anpassen an alle Bildschirmauflösungen)
- siehe auch :
http://www.homepage-baukasten.de/forum/viewtopic.php?t=135046
Folgende CSS-Codes müsstest Du anpassen :
- body { ... bekommt nun Hintergrundgrafik sowie das background-size für Anpassung an alle Bildschirmauflösungen
- der #container ist nun 980 Pixel breit und wurde mittig platziert
- die Navigation #nav_container wurde nur mit
margin-left nach Rechts verschoben
- #content_container ebenfalls 980 Pixel breit
- Breite für Seiteninhalt ebenfalls angepasst
- Werbung nur mit
margin:auto; mittig platziert
- alle Felder haben einen Rahmen bekommen mit border , damit du ihre Position siehst
- alle Rahmen (border) kannst du wieder entfernen
- passe in deinem CSS Code die hier gelisteten so an, wie sie hier stehen:
Die Links in der Navigation drehen
Du hattest das komplette Feld der Navigation gedreht (#nav_container)
Die Navi-Links wäre im CSS Code die Zeile mit
li.nav_element a .
Beachte aber, das die Browser IE6 - IE8 keine Drehung darstellen können
Ich denke das half dir weiter.
Gruß Wolle
