Fissare una tabella

[Fed10]

Buongiorno a tutti,
Ho un problema con le tabelle.
Questo è il codice:

<div id="content">
        <table border="1px solid black" width="1024px" align="center">
            <tr>
                <td width="80%">
                    <table border="1px solid black" width="100%" align="center">
                        <tr>
                            <td>
                                <div id="title">News</div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus euismod enim, et molestie nulla accumsan et. Quisque eget nulla turpis, in sollicitudin velit. Praesent ornare, sem vitae tincidunt commodo, erat elit semper sem, sed adipiscing turpis leo aliquet mi. Ut laoreet, odio sed hendrerit commodo, ligula enim varius nisl, a auctor purus nibh in odio. Donec mattis adipiscing est. Donec rutrum dui est. Nulla eu imperdiet nunc. Donec at urna nunc. Quisque sagittis urna ac velit convallis feugiat aliquam ac magna. Cras ipsum sapien, blandit sit amet eleifend in, luctus ac lacus. Nulla ligula erat, lacinia vel pharetra quis, gravida nec sem. Aenean ullamcorper faucibus vehicula. 
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="*">
                    <table border="1px solid black" width="100%" align="center">
                        <tr>
                            <td>
                                <div id="title">Progetti</div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam faucibus euismod enim, et molestie nulla accumsan et. Quisque eget nulla turpis, in sollicitudin velit. Praesent ornare, sem vitae tincidunt commodo, erat elit semper sem, sed adipiscing turpis leo aliquet mi. Ut laoreet, odio sed hendrerit commodo, ligula enim varius nisl, a auctor purus nibh in odio. Donec mattis adipiscing est. Donec rutrum dui est. Nulla eu imperdiet nunc. Donec at urna nunc. Quisque sagittis urna ac velit convallis feugiat aliquam ac magna. Cras ipsum sapien, blandit sit amet eleifend in, luctus ac lacus. Nulla ligula erat, lacinia vel pharetra quis, gravida nec sem. Aenean ullamcorper faucibus vehicula. 
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
	</div>

Il problema è che se aumento il contenuto della seconda riga della colonna a sinistra (ovvero Lorem ipsum...), il contenuto della colonna di destra si mette a metà della stessa, e viceversa se aumento il contenuto della seconda riga della colonna di destra, il contenuto della seconda riga di sinistra si mette a metà della stessa. Invece nel mio caso devo "fissare" la posizione dei due div "title" e rendere "dinamico" il contenuto il contenuto delle due colonne, senza che il contenuto di una delle due colonne influenzi la posizione del contenuto dell'altra colonna.

Grazie,
Fed10

[Prill]

Di default l'allineamento verticale delle celle è impostato su middle, per avere impostazioni diverse basta specificarle

[Fed10]

Quindi dovrei inserire una cosa del genere?

td{ vertical-align: top;}

[Prill]

in questo modo, definendo direttamente l'elemento td, l'allineamento specificato varrà per tutte le celle, se vuoi invece applicarlo solo ad alcune puoi creare una classe da impostare solo su quest'ultime

[Fed10]

Ok, grazie Ho risolto