|
|||
2 Divs schieben sich beim skalieren Untereinander
Guten Tag,
folgendes Prozedere habe 2 Div Elemente, welche sich beim skalieren untereinander schieben anstatt nebeneinander zu bleiben.... CSS: HTML-Code:
#right{ width: 50%; min-width:400px; float: right; background-color:#555; } #left{ width: 50%; float:left; background-color: #000; } HTML-Code:
<div id="content"> <div id="left"> asdasdasd </div> <div id="right"> asdasdsd </div> </div> Gruß Klaus |
Sponsored Links |
|
||||
Zitat:
|
|
||||
Füge bei Deinem Ausgangscode der Regel für #right noch margin-left: -10px; hinzu - das behebt die (IE-typischen) Float-Drops durch Rundungsfehler.
Was in der Natur der Sache liegt, ist dass bei einer Viewport-Breite von z.B. 700px die beiden divs gar nicht mehr nebeneinander passen können, da #right min-width: 400px; hat und #left width: 50%; (also 350px), was zusammen 750px ergibt. Diesen Float-Drop kannst Du nur durch min-width für ein übergeordnetes Element beheben (was min-width für #right überflüssig macht).
__________________
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 |
3 Divs (untereinander) parallel mit 3 Divs (untereinander) | SimonK. | CSS | 16 | 19.02.2009 09:56 |
2 Divs untereinander | Bulvaye | CSS | 2 | 04.10.2008 00:50 |
DIVs unter linkem Browserrand schieben | ollidus | CSS | 1 | 22.08.2008 12:56 |
zwei Divs untereinander gleich hoch | Moonphoenix | CSS | 6 | 15.05.2008 00:13 |
1 div links, 2 div's untereinander daneben | jensr | CSS | 9 | 01.07.2004 00:41 |