|
|||
Kann Fehler nicht finden für 100% height..
Hallo, ihr Lieben!
Ich bin neu hier im Forum und auch neu bei der Websiteprogrammierung, also seid bitte nett zu mir... Mein Problem ist folgendes, ich soll für einen Bekannten ein Webseite erstellen (Ich habe hierfür die Texte geändert, da er Arzt ist, also nicht wundern!). Es läuft eigentlich ganz gut, allerdings klappt bei mir das 100% height nicht, obwohl ich alle Tipps aus dem Internet benutzt habe, aber min-height funktioniert bei mir nicht. Wahrscheinlich habe ich einfach einen Fehler, aber ich mache schon seit Tagen damit rum und kann jetzt einfach nicht mehr.. Mein Html-code ist der hier: HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="stylesheet" href="Unbenannt1.css" type="text/css"> <title> Muster </title> </head> <body> <div id="alles"> <div id="Ueberschrift"> <h1 id="title">Beispiel</h1> </div> <div id="gesamt"> <div id="Menue"> <ul> <li> <a href="index.html"> Home </a> </li> <li> <a href="Sprechstunde.html">Sprechstunde</a> </li> <li> <a href="Praxisteam.html">Praxisteam</a> </li> <li> <a href="Online-Beratung.html">Online-Beratung</a> </li> <li> <a href="Spezial-Leistungen.html">Spezial-Leistungen</a> </li> <li> <a href="Kontakt & Wegbeschreibung.html">Kontakt & Wegbeschreibung</a> </li> </ul> </div> <div id="Text"> <h1> Herzlich willkommen auf der Seite </h1> <h2> Bitte wählen sie aus dem Menü </h2> </div> </div> <div id="Fusszeile"> <div id="Teil1"> <p> ... </p> <p> ...</p> <p> ... </p> </div> <div id="Teil2"> <p> ... </p> <p> ... </p> <p> ... </p> </div> </div> </div> </body> </html> Code:
body { background-color:grey; height:100%; } #alles { clear:both; width:800px; min-height:100%; background-color:blue; margin:auto; } #Ueberschrift { background-color:blue; height:118px; width:800px; } #gesamt { padding-bottom:50px; margin: auto; position: relative; } #Menue { background-color:#bdbec6; width:200px; float:left; padding:0px; margin:0px; } #text { background-color:#1AC1C2; width:600px; float:right; } #Fusszeile { clear: both; position:relative; bottom:0px; width:800px; height:50px; margin-top:-50px; background-color:lightskyblue; border-top:2px solid black; } p { margin:0px; padding:0px; } #Teil1 { width:50%; float:left; font-size:15px; } #Teil2 { float:right; width:50%; font-size:15px; } Ganz vielen Dank für eure Hilfe! |
Sponsored Links |
|
|||
Du musst dem Root-Element, das ist das HTML-ELement auch eine Höhe von 100% mitgeben. Nur dem Body-Element reicht nicht.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
|||
Danke!
Toll, danke!! )
Jetzt hab ich aber ein anderes Problem, ich habe alles jetzt ein bisschen geändert, aber mein sticky footer ist jetzt sozusagen die 100% + die 50px vom Footer. Ich habe ein div über meinen header und mein content und habe das auf min-height 100% gemacht. Ich weiß, dass das nicht stimmt, es ist ja logisch, dass es dann 100% + der footer ist. aber wenn ich es anders mache, bleibt der footer immer nicht unten. Könnt ihr mir helfen? |
|
|||
Schau dir mal folgende Beispiele an, speziell den Quellcode, dann siehst du wie man sowas macht.
Stu Nicholls | CSSplay | Three column layouts - 7 versions
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Stichwörter |
css 2, fehler, fehlersuche, height, html |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Media Querys - Layout geht wird über den Displayrand angezeigt | DarkNemesis84 | CSS | 9 | 05.05.2013 23:00 |
Wie vergrößere ich die Gallery Boxen? | butters | CSS | 3 | 27.11.2011 03:56 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Darstellungsprobleme im IE | lea11011989 | CSS | 17 | 05.11.2010 10:44 |
CSS bei Tempalte Joomla bzw. ueniversal | schnarcher | CSS | 6 | 21.06.2009 22:36 |