- Home
- Categorie
- Coding e Sistemistica
- Coding
- layout fisso a liquido
-
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
-
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
-
Grazie,
per la dritta che ho letto.Posto il codice base del sito,
Grazie
sandro1492<body>
<div id="page">
<div id="menu">
<div id="home-page">
<a class="navigazione" href="home_it.html">HOME PAGE</a>
</div><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><div id="tabella">
<table border="1" width="300" cellpadding="0" cellspacing="0" summary="tabella misure"><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><div id="contenuto">
<div id="titolo1"><li class="headertitoli">C/E</li>
<div id="titolo2">
</div>
</div>
<div id="testo"><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>