nicht angemeldet
Hallo,
Hallo Martin,
danke für deine Antwort.
Ich habe jetzt diesen Fehler korrigiert.
Ich stecke noch bei Html4.
Ich haette das Navi gerne links oben.
Es setzt sich aber immer mittig in den Monitor.
So als haette ich irgendwo nicht existierende margins gesetzt.
Du hast das Element #container mit width: 1000px.
Darin ist das Element nav mit width: 80% (entspricht 800px).
Darin ist das Element #navMain mit keiner width-Angabe, also nimmt es die Breite seines Elternelements ein, da es sich um ein Blockelement handelt.
Darin sind li-Element, die width: 20% bekommen (152px, weil das #navMain noch padding-left hat).
#navMain ist also 800px breit. Neben den li-Elementen, die nur 152px einnehmen, ist ein großer freier, transparent Raum.
Nun rotierst du es um 270 Grad. Dadurch ist es immer noch 800px breit. Das Element wird um seine Mitte rotiert. Die li-Elemente, die ursprünglich links oben positioniert waren, liegen jetzt logischerweise ziemlich weit unten.
Kurz gesagt: Sorge dafür, dass das zu rotierende Element nur so breit ist, wie sein Inhalt. Dann muss es, wenn es auf die Seite gekippt wird, vielleicht noch verschoben werden, wenn es nicht quadratisch ist.
Grüße
Mathias
Der Martin
Gunnar Bittersmann