width:100%-150px ???

[Zwitsch]

Hallo,
ich bin gerade dabei ein CSS zu entwickeln, welches ein zweispaltiges Layout bilden soll. Ich habe also links mit position:abolute die Navigation mit 150px und den Rest des Fensters soll der Main Bereich kriegen. Width:100% kann hier ja nicht nehmen, da er sich an der Fenster-width orientiert. Ohne Angabe macht er die Box nur so breit wie für den Content unbedingt nötig - was aber blöd ist, wenn man den Inhalt zentrieren will. In meiner Verzweiflung habe ich es mit

width:100%-150px;

versucht. Ich musste überrascht feststellen, dass es sowohl unterm Mozilla als auch unterm IE 6 einwandfrei funktioniert.... Warum? Ist so eine Anweisung legitim?

Grüße
Zwitsch

[Gunnar Bittersmann]

Zwitsch,

width:100%-150px;

versucht. Ich musste überrascht feststellen, dass es sowohl unterm Mozilla als auch unterm IE 6 einwandfrei funktioniert.... Warum? Ist so eine Anweisung legitim?

AFAIK nicht. Ich lass mich da gern überraschen.

Aber da du die Navigation sowieso absolut positionierst, kannst du dem body margin:150px oder padding:150px geben, dann erübrigt sich eine width-Angabe.

Gunnar

[saltun]

Hallo!

ich bin gerade dabei ein CSS zu entwickeln, welches ein zweispaltiges Layout bilden soll. Ich habe also links mit position:abolute die Navigation mit 150px und den Rest des Fensters soll der Main Bereich kriegen. Width:100% kann hier ja nicht nehmen, da er sich an der Fenster-width orientiert. Ohne Angabe macht er die Box nur so breit wie für den Content unbedingt nötig - was aber blöd ist, wenn man den Inhalt zentrieren will. In meiner Verzweiflung habe ich es mit

width:100%-150px;

versucht. Ich musste überrascht feststellen, dass es sowohl unterm Mozilla als auch unterm IE 6 einwandfrei funktioniert.... Warum? Ist so eine Anweisung legitim?

Mit float:left für die Navigation und width: 100%-10em funktioniert das auch!!
Sowohl mit Firefox, als auch Konqueror.
Der CSS-Validator behauptet *Keine Fehler oder Warnungen gefunden*,
zeigt aber die Breitenangabe nicht an.

Auch sehr überrascht!

Grüße
saltun

[saltun]

Hallo!

Entschuldigung, ich war voreilig, mit float funktioniert das ja sowieso.
Mich wundert nur, dass der CSS Validator diese Subtraktion nicht kritisiert.

Grüße
saltun

[Ingo Turski]

Hi,

Mit float:left für die Navigation und width: 100%-10em funktioniert das auch!!

diese ungültige Breitenangabe ist zu ignorieren, weshalb der Validator:

zeigt aber die Breitenangabe nicht an.

Daß es trotzdem funktioniert liegt daran, daß eine Breitenangabe in diesem Fall gar nicht erforderlich ist.

freundliche Grüße
Ingo