• User

    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


  • Super User

    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


  • User

    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>