und [allgemeine Frage] Divs nebeneinander und ineinander platzieren

Chris! · 24. September 2008

Hi,
wie kann man Divs nebeneinander plazieren, ähnlich wie hier in den Forenposts?

Das mit float hab ich schon probiert, sah am ende aber so aus:

Code

+----------+---------------------+|           |                       ++----------+                     +|                                   +|                                   ++---------------------------------+

oder so ähnlich statt

Code

+----------+---------------------+
|           |                       +
|           |                       +
|           |                       +
|           |                       +
+----------+---------------------+

**TimWolla** · 24. September 2008

Div mit relativer Positionsangage müssten das sein

Chris! · 24. September 2008

sieht nach allem aus, aber nicht danach, wie es soll

**TimWolla** · 24. September 2008

Zitat von Chris!

sieht nach allem aus, aber nicht danach, wie es soll

Hups hab die Höhenangabe nicht dabei getan. war btw auch nur ein Beispiel und ungetestet.

Chris! · 24. September 2008

jetzt siehts erst interessant aus... soll ich mal nen screenshot machen?

**TimWolla** · 24. September 2008

Zitat von Chris!

jetzt siehts erst interessant aus... soll ich mal nen screenshot machen?

Mach von mir aus. Kanns aber auch selber testen.

E:// Achso lag an der Höhenangabe wusste nicht das sich Prozente imemr auf die ganze Seite beziehen.

Chris! · 24. September 2008

machen wir beides ;)

da am linken rand kommt auch noch ne linie, die wurde beim screenshot leider abgeschnitten

**TimWolla** · 24. September 2008

Zitat von Chris!

machen wir beides ;)

da am linken rand kommt auch noch ne linie, die wurde beim screenshot leider abgeschnitten
community.bisafans.de/index.php?attachment/4090/

Siehe mein Edit: <div style="border: 1px solid black; height:251px">
<div style="position:relative; width: 150px; height:200px; left:5px; top:50px; border: 1px solid black;">
</div>
<div style="position:relative; width: 150px; height:200px; left:156px; top:-152px; border: 1px solid black;">
</div>
</div>

Ist schon besser aber immernoch mist

BTW floats gehen doch: <div style="border: 1px solid black; height:251px">
<div style="float:left; width: 150px; height:200px; border: 1px solid black;">
</div>
<div style="float:right; width: 150px; height:200px; border: 1px solid black;">
</div>
</div>

Der Fehler bei dir lag an der unpassenden Höhe ^^

Chris! · 24. September 2008

schau ich mir gleich an...
hab etwas rumgebastelt an deinem snippet und das kam dabei raus, aber mit text passts wieder nicht...

HTML

<div style="border: 1px solid black; height: 250px; padding-left: 200px;">bla bla bla viel text...<br />einiges an text... fooo<div style="border: 1px solid black; margin-left: -200px; position: relative; width: 150px; height: 250px; left: -1px; top: -1px;">fooo</div></div>

Edit:
so kommts schon sehr nahe, fehlt nur noch die feinabstimmtung...

HTML

<div style="border: 1px solid black; height: 250px;">
<div style="border: 1px solid black; float: left; width: 19%; height: 100%;">
</div>
<div style="border: 1px solid black; float: left; width: 80%; height: 100%;">
</div>
</div>