|
|||
Höhenproblem mit 100% hohem div
Hallo Forum,
ich dreh durch. Ein 100% hohes div (html, body sind mit 100% Höhe versehen) wird scheinbar wirklich 100% hoch dargestellt. Wenn jedoch gescrollt wird zeigt sich, dass sich die 100% Höhe nicht auf die übergeordneten Tags beziehen sondern auf das sichtbare Browserfenster. Woran liegt das? |
Sponsored Links |
|
|||
Du mußt für die wichtigen übergeordneten Container min-height angeben, nicht nur height. Ansonsten wird nur das Browserfenster gezeichnet.
Siehe Faq 100% Höhe.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
|||
gemacht wie gesagt ...
... aber hat sich leider ohne Auswirkung gezeigt:
Hier mal die Styles für html und Body: HTML-Code:
html{ Width: 100%; Height: 100%; Margin: 0px; padding:0px; } body{ background-color: #b6d4e3; margin:0px; padding:0px; Width: 100%; Height: 100%; min-height:100%; } Code:
<div style="text-align:center; background-color:#396; height:100%;">content</div> An was kann das noch liegen? |
|
|||
Gelöst!
DOCH NICHT GELÖST ... wäre ja auch quatsch gewesen ... wegendes CONTENT liess ich nun nur nicht die erkennen, dass das leere DIV nun nicht mehr 100% hoch ist ...
Kann doch nicht sein, dass es da keine Lösung ohne dieses verdammte Hintergrundbild gibt. Geändert von emmis (23.11.2009 um 21:29 Uhr) |
|
|||
ein dummie ist halt doch nicht die seite mit dem content
... wir bauen gerade um ... deshalb befand sich innerhalb des inneren DIV eine alte Tabelle, der noch 100% Höhe zugewiesen war. ... deshalb dieses oben beschriebene Verhalten.
Ausgangsdummie: Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head><title>ein titel</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> <!-- html, body { height: 100%; } * { padding: 0; margin: 0; } body { font-family: "lucida sans", verdana, arial, helvetica, sans-serif; font-size: 75%; } h1 { font-size: 1.4em; padding: 10px 10px 0; } p { padding: 0 10px 1em; } #container { min-height: 100%; background-color: #DDD; width: 500px; margin: 0 auto; } --> </style> </head> <body> <div id="container">inhalte</div> </body> </html> Vielen Dank für die Bemühungen ... |
|
|||
Das haut JETZT hin, aber nicht, wenn du ewig langen Content hast, der gescrollt werden muss...
nimm für HTML und Body, zumindest für letzteren, min-height 100%. 100% Höhe
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |