Frage
Div Boxen mit float und unterschiedlichen Höhen
Ich hab 4 DIVs nebeneinander mit float left versehen. Die DIVs sind teilweise leicht unterschiedlich hoch, und dadurch wird teilweise ein Div aus der nächsten Reihe nach oben unter ein anderes gezogen.
Da dort Bilder mit unterschiedlichen Proportionen drin sind, möchte ich die auch nicht alle auf die gleiche Höhe setzen.
Gibt es da ne Möglichkeit die alle sauber Reihe für Reihe anzuzeigen?
Da dort Bilder mit unterschiedlichen Proportionen drin sind, möchte ich die auch nicht alle auf die gleiche Höhe setzen.
Gibt es da ne Möglichkeit die alle sauber Reihe für Reihe anzuzeigen?
1
Beste Antwort
Antwort von Meteor | vom 16.06.2015 - 22:30
Das Float (left und right) muß komplett weg, und dann muss den DIV-Elementen "display: inline-block" zugewiesen werden ...
float: left // entfernen
display: inline-block // hinzufügen
Damit werden die DIVs zu Inline-Elementen und ordnen sich genau so an wie von dir gewünscht. Durch den Zusatz Block werden die Eigenschaften Margin, Padding usw. beibehalten.
Code
01
02
03
04
02
03
04
float: left // entfernen
display: inline-block // hinzufügen
Damit werden die DIVs zu Inline-Elementen und ordnen sich genau so an wie von dir gewünscht. Durch den Zusatz Block werden die Eigenschaften Margin, Padding usw. beibehalten.
2
Antwort
Antwort von Mona | vom 17.06.2015 - 16:07
Du kannst z.B. die Boxen auch auf eine Höhe festsetzen, und die Inhalte horizontal und vertikal vermitteln.
Wobei man beim vertikalen vermitteln beim DIV zum nächsten Problem kommt ; )
Das ist aber hier beschrieben http://www.meinefragen.net/67.
Wobei man beim vertikalen vermitteln beim DIV zum nächsten Problem kommt ; )
Das ist aber hier beschrieben http://www.meinefragen.net/67.
1