layout fisso a liquido

sandro1492

layout fisso a liquido

Caio a tutti

Sono a meta di un sito web posizionato in maniera assoluta specificando i px per i vari div e parti.
Ora pero mi accorgo che sarebbe meglio un layout liquido in modo che si adatti meglio ai monitor di chi lo visiterà.

qualcuno mi sa dare dei suggerimenti?

Grazie
Sandro1492

karedas

Ciao Sandro 1492.

Per far questo ci sono vari approcci quindi servirebbe che tu ci lasciassi una fonte più sostanziosa del tuo progetto per poterti così aiutare

Intanto ti linko una risorsa GT presente in questa stessa sezione:
Il Layout-izzatore

sandro1492

Grazie,
per la dritta che ho letto.

Posto il codice base del sito,
Grazie
sandro1492

<div id="azienda">
<a class="navigazione" href="azienda.html">AZIENDA</a>
</div>
<div id="prodotti">
<ul class="speciale">
<li><a href="prodotti.html">PRODOTTI</a></li>
<li><a>Cemento</a></li>
</ul>

        <ul class="prova">
           <li><a href="CP.htm" class="sottomenu">Cemento/M</a></li>
    <li><a>Cemento/E</a></li>
    <li><a href="CP.htm" class="sottomenu">Cemento/P</a></li>
            </ul>
            </br>
    <ul class="speciale">
    <li><a href="tetti.htm">TETTI</a></li>
    <li><a href="speciale.htm">SPECIALE</a></li>
    <li><a href="fa.htm">FABBRICATI</a></li>
</ul>
</div>

<div id="dovesiamo">
<a class="navigazione" href="dovesiamo.html">DOVE SIAMO</a>
</div>
<div id="dovesiamo">
<a class="navigazione" href="dovesiamo.html">DOVE SIAMO</a>
</div>
<div id="contatti">
<a class="navigazione" href="contatti.html">CONTATTI</a>
</div>
</div>

<tbody align="center" width="100%">
<tr><td class="tabtitle" colspan="3" align="center">Misure in cm</td></tr>
<tr><td>Larghezza</td><td>200</td><td>200</td></tr>
<tr><td>Lunghezza</td><td>308</td><td>414</td></tr>
<tr><td>Altezza</td><td>220</td><td>220</td></tr>
</tbody>
<a class="ingtab" href="tabella.html">Ingrandisci Tabella</a>

</table>
</div>

<p>TESTOLMNLNLNLLJLKJLKJLKJLKJLKJLKJLK</p>

</div>
<div id="dynload"><img alt="CE (50K)" src="/CE1.jpg" height="335" width="578" /></div>
<div class="spaziatrice">
</div>
</div>
<div id="icone">
<marquee onmouseover=this.stop() onmouseout=this.start() hspace="10" behavior="scroll" direction="left" scrollamount="4" scrolldelay="15" height="150px" width="578px">
<a href="CE3.htm"><img src="/icona_CE3.jpg" width="120" height="100" alt="100" border="0"/></a>
<a href="CE4.htm"><img src="/icona_CE4.jpg" width="120" height="100" alt="100" border="0"/></a>
</marquee>

</div>
</div>
</body>