• User Attivo

    Creare un layout liquido

    Salve a tutti..
    Avreil esigenza di creare un layout che si adatti alle dimensione dello schermo del visitatore...come fare?

    Io ho già seguito delle guide...e ho creato una pagina di esempio con del codice..
    Questo e il css
    [php]
    #home {
    width:10%;
    padding:0em 1em 1em 1em;
    margin: 1.0em 0em 0em 6.0em;

    }
    img#copertina { width:100% }

    #home1 {
    width:2%;
    padding:0em 0em 0em 0em;
    margin: -2.7em 0em 0em 13.0em;}

    img#copertina2{ width:100% }
    

    [/php]qui invece la pagina in php
    [php]
    <div id="home"><a target="_blank" href="index.php"><img id="copertina" border="0" src="homee.gif"></div><div id="home1"><a target="_blank" href="index.php"><img id="copertina2" border="0" src="showpic.png"></a></div>
    [/php]
    Io dovrei creare una sorta di menu...e vicino per esempio all immagine iscriviti metterci subito vicino un altra immagine minigif...ho provato ma succede che cambiando risoluzione dello schermo la distanza fra le due immagini non è stabile..ma varia...io vorrei che la stessa distanza che ci fosse su una risoluzione 800per 600 ci sia anche su 1024per 768,vorrei capire come fare questa cosa....Grazie


  • Super User

    Ciao Carlitos1982,
    non ho capito bene il problema. Avresti una risorsa online sulla quale possiamo vedere il problema in modo più diretto?


  • User Attivo

    Purtroppo ho cancellato questo codice...in seguito a varie modifiche e guide che sto seguendo...ma nulla..non riesco a creare questo benedetto layout liquido:?non ho capito ancora come inserire i vari elementi dentro un div...cioè creo il div dentrale e poi all interno di esso come faccio a posizionarci le immagini alla distanza che voglio io??Il tutto poi a seconda della risoluzione dello schermo dovrebbe rimanere intatto..non dovrebbe modificarsi..potresti farmi un abbozza di css liquido gentilmente??


  • User

    Le immagini non possono modificarsi cambiando risoluzione e restando fisse le immagini per mantenere le proporzioni cambiano gli spazi tra le immagini o le scritte. Mi sembra che invece di creare una distanza in percentuale dovresti creare una distanza fissa tra le due immagini.

    Ciao Alex