|
||||
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? |
Sponsored Links |
Sponsored Links |
|
||||
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%; } Ps.: Nicht wundern, bei der Page die Online ist (oben der Link) habe ich das noch nicht eingetragen, Teste das grade auf Xamp offline =) |
|
||||
min-height lässt sich nicht verschachteln, d.h. bei div.page_content wirkt min-height nicht mehr. Du musst also die Grafiken umbauen.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
||||
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.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
|
||||
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 Geändert von Cybertronic (11.11.2010 um 18:43 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIV an alle Browser anpassen | najaga27 | CSS | 1 | 02.12.2009 14:05 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 19:18 |
preg_replace treibt mich in den Wahnsinn | olik | Serveradministration und serverseitige Scripte | 14 | 30.03.2009 14:30 |
DIV passt sich nicht bis zum unteren Browserrand an - mit Bildbeschreibung! | einfachder | CSS | 3 | 08.08.2008 17:00 |
Div + css in jedem Browser anders | Skittles | CSS | 5 | 29.06.2004 22:59 |