Höhe 100%

[Nissi]

Servus,
also ich versuche gerade meine Webseite eine Höhe von 100% zu verleihen.
Aber leider klappt dies nicht ganz.

Ich habe meiner Webseite eine Höhe von "height:100%" verliehen.
Da ich aber um meine Webseite auch noch ein "Padding: 5px 5px 5px 5px" habe, ist meine Webseite leider zu hoch.

Durch das Padding besitzt meine Webseite nun die Höhe "100% + 10px".
Kann ich diese 10px irgendwie abziehen ?

gr. chris

 

[prm]

Das ist nun mal so nach dem CSS-Boxmodell.
Vielleicht hilft dir dies weiter: Layout mit 100 % Höhe bei fixiertem Header und Footer

Aber warum denn 100%? Lass der Höhe doch ihren freien Lauf. Jeder Browser hat eine Scrollbar und die inneren Scrollbars sehen m.E unschön aus bzw. beeinflussen negativ das Layout.

 

[Nissi]

Servus,
gegen einen Scrollbalken habe ich natürlich nichts, da er zu jeder Homepage gehört.
Wenn man meine Webseite aber anschaut, dann habe ich jetzt schon einen Scrollbalken obwohl ich noch gar keinen Inhalt habe ... .

gr

 

[Elroy]

Hallo.

Wenn ich mal fragen darf:

Wozu dienen denn die 5px padding, was willst du damit erreichen?

Gruss
Elroy

 

[Nissi]

Damit der Header 5px von oben ... entfernt ist. ( der Header ist das schwarze )
Und wenn ich das Padding rausmache, dann sieht meine HP total komisch aus also dann naja ^^ schau selber

gr

 

[vitus37]

Damit der Header 5px von oben ... entfernt ist.

Anstatt dem Body ein padding zu geben, könntest du auch dem Header ein margin geben.

 

[Körnerbrötchen]

Oder direkt nach dem body ein div, welches du dann das padding gibst.

 

[Nissi]

Servus,
aber wie lös ich nun das Problem ? ^^
Wie meint ihr das mit "body" ein padding geben ?
Nach dem "body" habe ich ein div, welches mein wrapper ist. Das ist mein Hauptteil der Homepage.

gr. chris

 

[mermshaus]

Ich glaube, dir wäre mit footerStickAlt geholfen, wenn ich mir die Seite so ansehe. (Angenommen, es geht um die in deiner Signatur.)

- The Man in Blue > footerStickAlt: A more robust method of positioning a footer

(Mir ist leider keine deutschsprachige Seite dazu bekannt.)

 

[Timmer]

Das kannst du mit overflow-y beeinflussen.

overflow-y: Zu hoher Inhalt: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets