tabellenloses Layout

[Struppi]

Fing schon bei nem kleinen Form an mit tabelle ganz einfach so:
<td>input1<br>input2<br>input3</td>
<td>textarea</td>
die 3 Inputs schön neben der textarea, wie erreiche ich das gleiche ohne Tabelle???

Das Problem für Leute die bisher mit Tabellen layoutet haben ist, das ein CSS Layout eben nicht auf Spalten und Reihen basiert. Du hast nur Kästchen (Boxen) die  im Browserfesnter, fliessend angeordnet werden können.
Das ist an sich schon nicht ganz einfach und im besonderen gibt es auch immer wieder Hürden mit veralteten Browsern (namentlich der IE).
Da hilft nur üben, üben und lesen.

Dein Problem könnte man z.b. so lösen:

  
form p  
{  
width:30%;  
float:left;  
  
}  
form p input  
{  
display:block;  
}  

  
<form action="#">  
<p>  
<input>  
<input>  
<input>  
</p>  
<p>  
<textarea>  
</textarea>  
  
</form>  

Was sind eig. die Vorteile von tabellenlosen Layouts??

Flexibilität, kleinerer Code, übersichlicher Code, ....

Struppi.