• R
    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>
    0
  • massy
    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. 🙂

    0
  • R
    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!!! 😉

    0
Effettua l'accesso per rispondere