Hallo Leute,
ich möchte zwei DIV's nebeneinander anordnen.
Habe dies so probiert:
<tabel>
<tr>
<td><div>Text1</div><div>Text 2</div></td>
</tr>
</table>
Mit dem Code werden die DIV's aber untereinander angeordnet.
Hat jemand ne Idee, wie ich diese DIV nebeneinander anordnen kann?
Dankbar für jeden Tip.
PS: Später möchte ich diese DIV's mit "Position" positionieren.
Gruß
Sebastian
oh oh, DIVs mit Tabellen zu positionieren ist aber ganz bääää.
Schmeiß mal die Tabelle raus und arbeite dich in das Thema CSS ein.
DIVs werden über CSS positioniert und angeordnet.
Wenn du das mit einer Tabelle machst, dann brauchst du die DIVs ja nicht.
Hallo,
das haben divs so an sich, dass sie untereinander dargestellt werden. Nimm mal span, die sind nebeneinander.
Wenn schon Tabellen dann "table" und nicht "tabel".
Ansonsten wie maik schon sagte, auf Tabellen am besten verzichten.
Gruß
meisenkaiser
so machs so:
<div style="width:200px; height:50px; float:left;">nr1</div>
<div style="width:120px; height:50px; float:left;">nr2</div>
<div style="clear:both"></div>
lg flo
<div style="width:200px; height:50px; float:left;">nr1</div>
<div style="width:120px; height:50px; float:left;">nr2</div>
<div style="clear:both"></div>
Machs so nicht.
@schwaiger: Sorry, aber das sollte man sich so garnicht erst angewöhnen. Funktioniert zwar aber CSS und HTML gehören getrennt.
<div class="linker_kasten">nr1</div>
<div class="rechter_kasten_kasten">nr2</div>
Dann wird das im CSS ausgerichtet.
.linker_kasten {
float:left;
}
ok ok hast ja recht aber ich war eben zu faul n extra stylesheet anzulegen :o
bei dir fehlt noch der clearer sonst floatet das ding lustig weiter vorsich hin ;-)
lg flo
Erst einmal danke für Eure Antworten!
Da es dringend war, hatte ich mein Template mit PS neu gesliced und damit einen neuen <td>- Tag bekommen, wo ich mein zweites DIV rein machen konnte. Die DIV's nehme ich halt um die Texte besser zu formatieren.
Mit Euren Lösungen habe ich mich dann auch auseinander gesetzt.
"Float" hatte ich bis dahin noch nicht verwendet.
Wurde damit in meinem Repertoire aufgenommen.
Also,
noch einmal Tausend Dank.
ok meine meinung slice in PS aber um guten code zu bekommen schreib deinen code selbst !!!
wenn es nur darum geht text zu formatieren arbeite mit..
#
p
H1
H2
usw...
und im style dann eben
H1 {text-align:left}....
usw.
lg flo