|
|||
Feste Seitenbreite und Menüs
Gegeben 1.: Feste Seitenbreite, so dass der Web-Inhalt auf größeren Bildschirmen in der Mitte dargestellt wird:
Im Style Sheet: #Aussenhuelle { position:absolute; width: 990px; /*Breite des Inhaltsbereichs: 1024 minus Rollbalken */ left: 50%; /* Abstand vom linken Bildschirmrand auf 50% setzen*/ margin-left: -495px; /*Um die halbe Inhaltsbreite nach links schieben*/ padding-top:10px; background: url("../images/background/Aussenhuelle.png") repeat-y; } Gegeben 2.: Ein horizontales Menü mit vertikalen Dropdown-Untermenüs, das wie alle anderen Seiteninhalte komplett im <div> der Außenhülle liegt: <div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropme nu_test')"><span>Test</span></a></li> <li><a href="#"><span>Wichtig</span></a></li> <li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropme nu_89199')"><span>Produkte</span></a></li> <li><a href="#" onMouseover="cssdropdown.dropit(this,event,'dropme nu_611283')"><span>Rat und Hilfe</span></a></li> </ul> </div> </div> <div id="dropmenu_test" class="dropmenudiv"> <ul> <li><a href="#"><span>Test_1</span></a></li> <li><a href="#"><span>Test_2</span></a></li> <li><a href="#"><span>Test_3</span></a></li> </ul> </div> usw. Problem: Die Dropdown-Menües erscheinen je nach Bildschirmauflösung an unterschiedlichen x-Koordinaten, nie jedoch sauber unter ihrem Hauptmenüeintrag. Zu besichtigen (abgespeckt): Menutest Sowie ich den <div> "Aussenhuelle" weglasse, ist alles ok. Ich wäre seeehr dankbar für einen Tipp! Es grüßt bei 12 Grad Außentemperatur, jedoch innerlich kochend, Klaus |
Sponsored Links |
|
||||
Baue deine Navigation wie folgt auf:
Code:
<ul> <li><a href="#">Punkt 1</a> <ul> <li><a href="#">Unterpunkt 1.1</a></li> <li><a href="#">Unterpunkt 1.2</a></li> </ul> </li> </ul> <ul> <li><a href="#">Punkt 2</a> <ul> <li><a href="#">Unterpunkt 2.1</a></li> <li><a href="#">Unterpunkt 2.2</a></li> </ul> </li> </ul> Für den IE <7 brauchst du allerdings dann eine csshover.htc. csshover.htc Dem a-Tag kannst du dann die Feste breite geben.
__________________
Rettet die Erde.... sie ist der einzige Planet mit Schokolade! Geändert von Praktikant (21.07.2008 um 16:57 Uhr) |
Sponsored Links |
|
||||
Das Problem ist die absolute Positionierung mit dem negativen Margin, die du zum Zentrieren verwendest.
Verwende zum Zentrieren "margin: 0 auto;", dann hast du auch bei kleinem Viewport nicht das Problem, dass deine Seite unbenutzbar wird. |
Stichwörter |
container, feste breite, menü, seitenlayout |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Webseite: Variable oder feste Breite? | thomas78 | (X)HTML | 6 | 25.12.2009 20:55 |
Aufklappbare Menüs, Ansicht Firefox & IE | FuXXz | CSS | 1 | 15.11.2008 16:19 |
Falsches Anzeigen eines Suckerfish menüs im IE | PuriX | CSS | 7 | 06.08.2008 00:42 |
Float:left und nur eine feste Breite? | xm22 | (X)HTML | 0 | 09.07.2006 21:12 |
3 Spalten | Aussen: variable Breite; Mitte: feste Breite | dreamshocker | CSS | 9 | 17.08.2005 17:23 |