3 divs nebeneinander?!

[DragonX]

Hey :D

Ich will 3 divs nebeneinander in eine div packen. Jedoch funktioniert das nicht ganz :(

Die eine Div habe ich mit float: left; gemacht und die andere float: right; aber was mache ich jetzt mit der in der mitte?? :dnuhr: Diese liegt bis jetzt dann nämlich unter der linken..

Hoffe man versteht was ich meine :)


Mfg DragonX

[ojas]

display: inline-block für alle drei.

[Vertaler]

Als Zusatz zu ojas’ Lösung, für den Fall, daß die Container auch noch alle die gleiche Höhe haben sollen: ich hab vor ein paar Monaten hier (http://forum.worldofplayers.de/forum/threads/1237002-3-DIV-Container-nebeneinander?p=20689381&viewfull=1#post20689381) einen längeren Beitrag zum Thema geschrieben.

[DragonX]

Es funktioniert aber leider nur Beim Firefox und nicht bei Internet Explorer ._.

[Delta 38]

Also bei mir funktioniert beides im Internet-Explorer. Welche Version benutzt du denn? Und könnte es sein, dass da noch was anderes mit reinpfuscht?

[ojas]

Es funktioniert aber leider nur Beim Firefox und nicht bei Internet Explorer ._.

Verwende anstatt des Internet Explorers einen Browser, der CSS 2.1 kann.

[Deathpoodle]

Geht das nicht so?

<div> links
<div> rechts
<div> mitte

?
Und in der Css halt so float wie du gesagt hast.

[mabok]

Du willst drei Divs in ein div packen?

Mach es so!

<div style="overflow: hidden">
<div style="float:left">DIV1</div>
<div style="float:left">DIV2</div>
<div style="float:left">DIV3</div>
</div>

Mit "margin" könntest du noch den Abstand zwischen den einzelnen Divs definieren.

[mabok]

Hast du es versucht?

[Thidrek]

<script type="text/css">
div.aussen { }
div.innen {
position: relative;
float: left;
}
</script>

<div class="aussen">
<div class="innen">Erster Block</div>
<div class="innen">Zweiter Block</div>
<div class="innen">Dritter Block</div>
</div>


Das funktioniert bei mir eigentlich. So kann man problemlos beliebig viele DIV-Container nebeneinanderpacken.

[spieler01]

Und was war das nochmal mit diesem Clearfix?