tabellenloses Layout

[Kai]

Moin,
hab mal ne seite ohne tabellenlayout probiert und bin kläglich gescheitert...

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???

Was sind eig. die Vorteile von tabellenlosen Layouts??

MFG Kai

[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.

[Kai]

Hab mal gerad ein wenig experimentiert muss sagen bin beeindruckt wie gut es sich doch entwerfen lässt so ganz ohne tables...

Danke für die Antwort