HTML/CSS - zwei divs nebeneinander?

... komplette Frage anzeigen

3 Antworten

Habe eS jetzt:

du musst dem linken div ganz normal float: left zuweisen. Dazu noch höhe und breite (400px).

Dem rechten div folgendes:

  • width: auto;
  • float: auto;
  • height: wasdumöchtest;

LG Nico

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von T1Mde
30.12.2015, 19:05

ok danke hab's jetzt - musste noch display:flex; hinzufügen

0

Um das umzusetzen gibt es mehrere Möglichkeiten:

a) float => würde ich aus heutiger Sicht nicht mehr empfehlen da es im Vergleich zu den anderen Möglichkeiten nicht flexibel genug ist.

b) flex-Boxen => siehe: https://css-tricks.com/snippets/css/a-guide-to-flexbox/, hat lediglich den Nachteil, dass man die feste Breite wie von dir gewünscht als Abweichung definieren müsste.

c) die Elemente zu Tabellenzellen machen (Stichwort: display: table / table-cell). Vorteil hierbei ist, dass beide Elemente dann eine einheitliche Höhe haben und eine Steuerung wie von dir gewünscht möglich wäre.

Ich würde für deinen Anwendungsfall Variante c) empfehlen.

Antwort bewerten Vielen Dank für Deine Bewertung

Dem Linken Div ein Float: left zuweisen und die Pixelgröße. Dem rechten dann die breite 100% zuweisen.

Ich kann es gerade nicht ausprobieren aber sollte gehen.

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von T1Mde
30.12.2015, 17:17

Dann geht der rechte über den linken und verdeckt ihn.

0

Was möchtest Du wissen?