XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Div immer bis an Browser ende (http://xhtmlforum.de/showthread.php?t=62924)

Cybertronic 11.11.2010 01:52

Div immer bis an Browser ende
 
Hallo =)

Fabio Freni
Hier seht ihr auch schon direkt mein Problem =( Ich weis nicht wie ich der Warper und der Content div sagen kann das sie gefälligst immer bis an den Browserrand unten gehen soll =)

Kennt da einer eine Lösung? Geht das auch mit CSS oder muss man da mit Javascript ran?

heiko_rs 11.11.2010 04:40

Seite auf 100% Höhe - XHTMLwiki
ggf. auch FAQ 7.

Cybertronic 11.11.2010 19:01

Super sache =) Danke...

bei dem Body klappt das wunderbar... der is nun 100%

Aber der Warper und der Content Container reagiert leider nicht =(

Code:

html, body {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: #222222;
        height: 100%;
}

div.warper {
        width: 800px;
        margin: auto;
        background-image: url(../images/page_bg.png);
        min-height: 100%;
}

div.page_content {
        width: 750px;
        margin: auto;
        background-image: url(../images/content_bg.png);
        background-repeat: no-repeat;
        padding-top: 10px;
        padding-bottom: 20px;
        min-height: 100%;
}

* html #page_content {
    height: 100%;
}

Stimmt doch so oder? Jedenfals hab ich das deinen Links so entnommen.
Ps.: Nicht wundern, bei der Page die Online ist (oben der Link) habe ich das noch nicht eingetragen, Teste das grade auf Xamp offline =)

heiko_rs 11.11.2010 19:24

min-height lässt sich nicht verschachteln, d.h. bei div.page_content wirkt min-height nicht mehr. Du musst also die Grafiken umbauen.

ArcVieh 11.11.2010 19:25

Das Problem ist, dass sich ein Kind-Element bei Prozentualen Angaben sich immer auf die vom Eltern-Element explizit angegebene Höhe bezieht (deswegen muss man, um für den "warper" die 100% zu erreichen, auch body und html eine Höhe von 100% zuweisen).

Das kannst Du so weiter nicht umsetzen, wenn Du nicht dem "warper" eine Höhe von 100% geben willst (was Du definitiv nicht willst).

Warum gibst Du diesen Kachel-Hintergrund nicht einfach in die "warper" Grafik mit?


Edit: Zu spät... Ich schreibe zu viel - ich muss mal bei Heiko "Kurzform"-Unterricht nehmen. ;)

Cybertronic 11.11.2010 19:29

Die Warpergrafik is nur 1px hoch ^^ ich schaumal ob ich das hin bekomm ohne das zuviel Speicherverbrauch entsteht... soll ja nicht Laggen die Seite =)
Naja ok war grad unüberlegt von mir, besteht nur aus wenig farben der strich rechts und links wird also nicht viel mehr Speicher benötoigen ;)
Klingt nach einer Super Idee, ich teste das grade =)

War ein Super Tipp =) Danke dir Funktioniert Perfekt ;)


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:53 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023