• User

    Layout A 3 Colonne, qualche problemino... potete aiutarmi??

    ciao a tutti!

    ho un piccolo problemino con un layout che sto realizzando.
    la lunghezza è di 1000px, e fin qui (tralasciando che sarebbe meglio un 960 px, lo so..) tutto bene diciamo.
    il problema risiede nel div centrale, quello dove ci sono le 3 colonne.
    ebbene, le ultime 2 colonne di destra dovrebbero avere un width di 240 px fisso.
    quindi dovrebbe essere il tutto 520 + 240 + 240 (=1000).
    non riesco però ad impostare la larghezza corretta nella prima e nella seconda colonna...
    potete darmi una mano a risolvere? grazie

    qui l'indirizzo x vedere il layout in azione: http://www.rodelife.com/test.php

    qui sotto invece il codice della pagina, x comodità...:

    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="it">
    <head>
    <title></title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    <!--
    
    body { 
    font:80% verdana,helvetica,sans-serif; 
    margin:0; padding:0
    }
    code { font:80% verdana,helvetica,sans-serif; display:block; margin:0 1em .5em 1em; }
    hr { display:none }
    
    body { text-align:center }  
    #header { width:1000px; margin:0em auto; text-align:left }
    #centrale { width:1000px; margin:.5em auto; text-align:left }
    #footer { width:1000px; margin:.5em auto; text-align:left }
    
    /* testata princ. */ { 
    background:#162F4A; 
    border:1px solid #000; 
    padding:1em 0; 
    }
    
    /* corpo pagina */ { 
    position:relative; 
    background:#E8EFF6 repeat-y; 
    border:1px solid; 
    }-colonna1 { 
    padding-top:1em; padding-right:0; padding-bottom:1em; padding-left:0; width:519px; position:absolute; left:1; top:0; z-index:1;}-colonna2 { 
    margin:0 240px 0 489px; 
    border-left:1px solid; 
    border-right:1px dotted; 
    background:#DEE9F5; 
    padding:1em 0; 
    }-colonna3 { 
    padding-top:1em; padding-right:0; padding-bottom:1em; padding-left:0; width:240px; position:absolute; right:0; top:0; z-index:1; background:#DEE9F5; }
    
    /* footer princ. */ { 
    background:#162F4A; 
    border:1px solid; 
    padding:1em 0; 
    }
    -->
    </style>
    </head>
    <body>
    <!-- header -->
    <div id="header">&nbsp;
    </div>
    <!-- fine header -->
    <hr />
    <!-- centrale -->
    <div id="centrale">
    <div id="centrale-colonna1">
     &nbsp;
    </div>
    <hr />
    <div id="centrale-colonna2">
     &nbsp;
    </div>
    <hr />
    <div id="centrale-colonna3">
     &nbsp;
    </div>
    </div>
    <!-- fine centrale -->
    <hr />
    <!-- footer -->
    <div id="footer">
    &nbsp;
    </div>
    <!-- fine footer -->
    </body>
    </html>
    
    

  • Moderatore

    Ciao.

    In uno dei siti in firma c'è un tutorial per creare un layout a 3 colonne. Prova a dare uno sguardo e se c'è qualcosa che non ti torna, chiedi pure qui. 🙂


  • User

    @massy said:

    Ciao.

    In uno dei siti in firma c'è un tutorial per creare un layout a 3 colonne. Prova a dare uno sguardo e se c'è qualcosa che non ti torna, chiedi pure qui. 🙂

    favoloso! :yuppi:
    adesso ci smanetto un po' dietro, poi ti saprò dire!
    cmq, grazie infinite!!! 😉