|
|||
divs müssen aneinander stoßen
Hallo Zusammen,
ich habe leider nichts passenden gefunden und versuche hier nun Hilfe zu feinden. Ich habe einen Div-Container, in dem zwei weitere Divs liegen. Diese beiden sollen sich NICHT überlappen (incl. Inhalt) und der untere Container soll immer am Boden bleiben. Haz da jemand eine Ahnung? Bin Anfänger.... VG Jorgos |
Sponsored Links |
|
|||
Bitte stelle deinen Code den du schon hast hier rein und sage uns auch was du schon versucht hast?
Benutze dafür die Code-Schalter aus dem Editor.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
|||
Ich hoffe, das ist übersichtlich
Danke schonmal Jorgos HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> html { height: 100%; margin: 0; padding: 0; } body { color: black; background-color: white; font-size: 100.01%; font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; min-width: 60em; height: 100%; } #leftside { background: #ff0000; width: 18em; float: left; min-height: 102%; /* Mindesthöhe auf 100 % (bei modernen Browsern) */ height: auto !important; /* important Behel (bei modernen Browsern */ height: 100%; /* IE soll wie gewünscht interpretieren */ overflow: hidden !important; /* Firefox Scrollleiste */ } #box0 { background: #ff0; min-height: 400px; } #box1 { position: absolute; bottom: 0; background: #444444; border: 1px solid #000; } </style> </head> <body> <div id="leftside"> <div id="box0"> Hier soll ein Menue stehen </div> <div id="box1"> Hier<br> soll<br> ein<br> Bild <br> drin<br> stehen<br> und das soll<br> immer unten bleiben<br> und wenn ich<br> das Fenster<br> verkleinere, soll<br> am gelben DIV Schluß sein. </div> </div> </body> </html> |
|
|||
Hallo,
du musst aus dem div id="box1" den Wert position: absolute; löschen. Der Code sollte dann so aussehen: HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> html { height: 100%; margin: 0; padding: 0; } body { color: black; background-color: white; font-size: 100.01%; font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; min-width: 60em; height: 100%; } #leftside { background: #ff0000; width: 18em; float: left; min-height: 102%; /* Mindesthöhe auf 100 % (bei modernen Browsern) */ height: auto !important; /* important Behel (bei modernen Browsern */ height: 100%; /* IE soll wie gewünscht interpretieren */ overflow: hidden !important; /* Firefox Scrollleiste */ } #box0 { background: #ff0; min-height: 400px; } #box1 { bottom: 0; background: #444444; border: 1px solid #000; } </style> </head> <body> <div id="leftside"> <div id="box0"> Hier soll ein Menue stehen </div> <div id="box1"> Hier<br> soll<br> ein<br> Bild <br> drin<br> stehen<br> und das soll<br> immer unten bleiben<br> und wenn ich<br> das Fenster<br> verkleinere, soll<br> am gelben DIV Schluß sein. </div> </div> </body> </html> Mit freundlichem Gruß Mepich |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Script nur für Inhalt eines bestimmten DIVs | Kipperdesign | Javascript & Ajax | 8 | 11.02.2013 13:03 |
n Div's in eine Zeile | Mustangore | CSS | 9 | 20.08.2009 15:19 |
Divs nebeneinander, aber mittig | RomanM | CSS | 2 | 24.10.2007 06:32 |
Altes Problem: divs aneinander ausrichten | Veritas | CSS | 9 | 19.12.2005 13:07 |
divs aneinander in der höhe ausrichten - wie ? | MS Master | CSS | 1 | 24.02.2005 16:49 |