Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 21.07.2008, 15:04
Klaus_Hansen Klaus_Hansen ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.06.2008
Beiträge: 7
Klaus_Hansen befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links