Estoy empezando a sacarme el vicio de usar tablas para la estructura en las pagina, y temo abusar de los tags <div>. Por ejemplo, un formulario de contacto, el cual, una versión reducida de este, con una tabla lo haría de la siguiente forma:
<form method="POST" action="">
<table border="0" cellpadding="3">
<tr>
<td>Nombre y Apellido</td>
<td><input type="text" name="apellido" /></td>
</tr>
<tr>
<td>e-mail</td>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<td>
Mensaje
</td>
</tr>
<tr>
<td colspan="2">
<textarea cols=40 rows=10></textarea>
</td>
</tr>
</table>
</form>
Quiero hacer algo similar sin tablas. La idea sería que los input´s me queden alineados como lo harían en la tabla, por lo tanto, una de las formas que se me ocurrio es:
<div>
<div style="padding: 4px 4px 4px 4px">
<div style="width: 150px; float: left;font-size: 15px; margin: 3px 0px 0px 5px">Nombre y Apellido</div>
<div><input type="text" name="apellido"></div>
</div>
<div style="padding: 4px 4px 4px 4px">
<div style="width: 150px; float: left;font-size: 15px; margin: 3px 0px 0px 5px">e-mail</div>
<div><input type="text" name="email"></div>
</div>
<div>
<div>Mensaje</div>
<div><textarea cols=40 rows=10></textarea></div>
</div>
</div>
Lo que me "procupa" es que utilizo muchos div´s para hacer que me quede con la misma estructura, o muy similar, que con el modelo en tablas.
Lo que quiero saber es:
* abuso de la cantidad de div´s que utilizo??
* Hay algún inconveniente con utilizar muchos div´s??
* Que límite hay en el uso de div´s para que no se torne ineficiente la página??
* Hay alguna forma más sencilla de hacer esto??
* Para el tema del formulario concretamente, leí algo sobre las etiquetas <fieldset><legend><label>, es convenientes usar estas??
