zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Vertikale Navigation & Inhalt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.03.2011, 11:29
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.06.2007
Beiträge: 31
Innocentus befindet sich auf einem aufstrebenden Ast
Pfeil Vertikale Navigation & Inhalt

Die Seite besitzt auf der linken Seite eine vertikale Navigation
und rechts den Seiteninhalt.

Code:
[...]
div#layout-content {
margin: 0em 0em 0em 30%;
text-align: center;
padding: 0 0 0 0em;
height:100%;
}
[...]
ul.navigation li {
list-style: none;
margin: 0em;
padding: 0em;
}
[...]
Nun wird je nach Seitenaufruf die Navigationsleiste expandiert (aufgeklappt, Unterpunkte angezeigt)
und dadurch wird diese natürlich breiter.

Würde die Navigationsleiste zu breit werden,
dann bricht der Seiteninhalt nach unten unter die Navigationsleiste um (was natürlich unerwünscht ist).

So kann es passieren, dass die Navigationsleiste recht schmal ist, der Seiteninhalt aber auch.
Wie kann ich den Seiteninhalt die Gesamtbreite optimal ausnutzen lassen?

Vielen Dank für eure Antworten im Voraus!
Mit freundlichen Grüßen
Innocentus
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.03.2011, 17:21
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 28.01.2011
Beiträge: 338
Webcoder sorgt für eine eindrucksvolle AtmosphäreWebcoder sorgt für eine eindrucksvolle Atmosphäre
Standard

Also, dein angegebener CSS-Schnippsel hilft nur wenig weiter.

Zitat:
Zitat von Innocentus Beitrag anzeigen
Nun wird je nach Seitenaufruf die Navigationsleiste expandiert (aufgeklappt, Unterpunkte angezeigt)
und dadurch wird diese natürlich breiter.
Falsch! Mit deinen Angaben muss die Liste nicht zwangsläufig breiter werden, weil du ja Style auf none und Innen- und Außenabstand auf 0 gesetzt hast.

Falls jedoch deine Navigationspunkte länger werden, dehnt sich die Liste in der Breite aus. Am besten löst man so etwas durch die Angabe einer Breite für die Liste.

Eine genauere Lösung erfolgt sobald es einen Link zu Seite (Testcase) gibt.


Gruß
Webcoder
__________________
Websites erstellen ist ein Hobby von mir.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.04.2011, 10:32
Benutzerbild von behalx
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.04.2011
Beiträge: 131
behalx befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Innocentus Beitrag anzeigen
Die Seite besitzt ...
Welche Seite?
__________________
http://unics.bplaced.net

Geändert von behalx (04.04.2011 um 00:18 Uhr)
Mit Zitat antworten
Antwort

Stichwörter
abstand, content, inhalt, navigation, vertikal

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS-Layout der Browsergröße anpassen Jen CSS 3 14.11.2008 08:39
Problem mit position:relative; McCoRmIcK CSS 0 08.04.2007 16:23
dreispaltiges layout, footer soll immer mitwandern sirrpa CSS 14 24.11.2005 18:57
div box bekomme ich nett zentriert??? Hard@Bowl CSS 1 23.05.2005 11:22
height: 100% beim IE [M.o.C]Co CSS 3 12.05.2005 12:58


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:21 Uhr.