|
|||
height 100%
Hallo miteinander
kann jemand mir bitte helfen, warum hier in der klasse signin height:100% nicht funktioniert? HTML-Code:
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="utf-8" /> <title>960 Grid System — Demo</title> <link rel="stylesheet" href="css/reset.css" /> <link rel="stylesheet" href="css/text.css" /> <link rel="stylesheet" href="css/960_24_col.css" /> <style> .logo_bar { width: 100%; height: 50px; position: relative; background-color: #000000; top: 0; } .signin { background-color: #FFFFFF; top: 0; height: 100%; } </style> </head> <body> <div class="logo_bar"> <div class="container_24"> <div class="grid_6 push_17"> <div class="grid_3 alpha signin"> Sign In </div> <div class="grid_3 omega signin"> Sign Up </div> </div> <div class="grid_6 pull_4"> <p> logo </p> </div> </div> </div> </body> </html> Geändert von kostonstyle (08.04.2013 um 22:34 Uhr) |
Sponsored Links |
|
|||
Weil 40 Pixel eine absolute Angabe ist, die jeder versteht.
100% von 40px ist auch klar. Aber wenn nichts vorher fest steht, dann weiss auch der Browser nicht was 100% sein sollen, darum: Schreib in dein CSS: HTML-Code:
html, body { height: 100%; }
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
|||
Zitat:
|
|
||||
Für height (sowie min-height) in % braucht das Elternelement eine height-Deklaration ungleich auto als Bezugswert (bei width ist das übrigens anders).
Also muss das Elternelement von .signin height bekommen. Sollen das auch % sein, muss auch dessen Elternelement height bekommen usw.
__________________
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.) |
|
|||
.logo_bar hat ja height von 50px und ist elternelement von .signin. Aber warum funktioniert height 100% nicht bei .signin.
HTML-Code:
.logo_bar { width: 100%; height: 50px; position: relative; background-color: #000000; top: 0; } .signin { background-color: #FFFFFF; top: 0; height: 100%; } |
|
||||
Nein, es ist nur ein Vorfahre.
__________________
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.) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS von Plugin beisst! | expand | CSS | 0 | 28.09.2012 18:44 |
Hintergrundbild repeat-y beginnend ab bestimmter höhe | nightmind | CSS | 16 | 14.07.2012 13:37 |
Div Positionen in Firefox falsch | ozero | CSS | 4 | 17.07.2009 23:35 |
prblemme mit mein inhalt div | carlos587261 | CSS | 3 | 23.04.2008 15:07 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |