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:
oder so ähnlich statt
Wir sammeln alle Infos der Bonusepisode von Pokémon Karmesin und Purpur für euch!
Zu der Infoseite von „Die Mo-Mo-Manie“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:
oder so ähnlich statt
Div mit relativer Positionsangage müssten das sein
<div style="border: 1px solid black">
<div style="position:relative; left:5px; top:50px; border: 1px solid black;">
</div>
</div>
sieht nach allem aus, aber nicht danach, wie es soll
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.
<div style="border: 1px solid black">
<div style="position:relative; left:5px; top:50px; border: 1px solid black; height: 100%;">
</div>
</div>
jetzt siehts erst interessant aus... soll ich mal nen screenshot machen?
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.
<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>
machen wir beides ;)
da am linken rand kommt auch noch ne linie, die wurde beim screenshot leider abgeschnitten
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 ^^
schau ich mir gleich an...
hab etwas rumgebastelt an deinem snippet und das kam dabei raus, aber mit text passts wieder nicht...
<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...