|
|||
ich bräuchte bitte Hilfe zwei Div nebeneinander
Hallo,
ich möchte zwei divs nebeneinander positionieren. Bis hier ist es kein Problem. Das Linke <div> ist ein Hover div, was auf der gesamten Seite über aufrufbar sein soll. Das recht <div> ist dynamisch in der Höhe. Wie kann ich es ereichen das das Linke <div> sich der Höhe des rechten Div anpasst. Ich habe einige Versuche mit Faux Columns gemacht, was mich nicht ans Ziel gebracht hat, da der Body schon eine Grafik mitbringt und dadurch das gesamte Konstrukt nicht mehr stimmt bzw. nicht mehr funktioniert Ich hoffe ich habe mich verständlich ausgedrückt. Was muss ich ändern damit es klappt? TankerTom Geändert von TankerTom (11.02.2014 um 09:23 Uhr) Grund: Rechtschreibung |
Sponsored Links |
|
|||
25 Zeilen einfachstes HTML und schon etliche Fehler drin.
--> Result for http://tb-home.eu/Coop/care/Wetter/test.html Da kann man nur sagen, beschäftige dich mit den Grundlagen, bevor du komplizierte Dinge in Angriff nimmst.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Sponsored Links |
|
|||
Zitat:
VG Tanker Tom |
|
|||
Ich habe deinen Code mal grösstenteils so gelassen, nur ein wrapper ist hinzugekommen und das div zum clearen ist raus, da nicht notwendig.:
HTML-Code:
<!DOCTYPE HTML> <html lang="de"> <head> <meta charset="UTF-8"> <title>test</title> <meta http-equiv="X-UA-Compatible" content="edge"> <style> body {margin: 0px; font: 14px/1.1em Arial; } #wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; font-weight: bold; } .wrapper > * { padding: 10px; flex: 1 100%; } .hvl {min-width: 250px; background-color:#d3d3d3; } .neu {margin-left:10px; width: calc(100% - 260px); background-color:#e0e1ff;} </style> </head> <body> <h2>Test</h2> <div id="wrapper"> <div class="hvl"> linke DIV = Hover <div class="over"> <p>iframe kommt spaeter</p> </div> </div> <div class="neu"> das wird der dynam.DIV <p> </p><p> </p><p> </p><p> </p><p> </p><p> </p> <p> </p><p> </p><p> </p><p> </p><p> </p><p> </p> <p> </p><p> </p><p> </p><p> </p><p> </p><p> </p> <p> </p><p> </p><p> </p><p> </p><p> </p><p> </p> <p> </p><p> </p><p> </p><p> </p><p> </p><p> </p> <p>Na, das dürfte reichen </p> </div> </div> </body> </html>
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIVS nebeneinander -> border-bottom läuft in anderes DIV, Text aber nicht. | plegox | CSS | 2 | 24.05.2011 16:57 |
Div Tags nebeneinander | ToBe4minimal | CSS | 10 | 16.05.2011 22:20 |
Zwei div container nebeneinander? | hattori_hanzo | CSS | 2 | 08.03.2011 18:27 |
Sitecheck:Bitte Hilfe bei IE Fehlern | Bubbleman | Site- und Layoutcheck | 10 | 22.10.2007 22:43 |
flexibles Div soll Div mit fester Breite links umfliessen? | braindead | CSS | 3 | 23.09.2006 13:58 |