Back to top

Autore Topic: template a tre colonne  (Letto 1307 volte)

Offline ynneb78

  • Nuovo arrivato
  • *
  • Post: 2
    • Mostra profilo
template a tre colonne
« il: 21 Feb 2008, 12:15:46 »
salve a tutti
volevo un aiuto, sto creando un template a tre colonne con i div fin qui tutto ok.
Il problema e ke non su tutte le pagine lo vorrei così, ma avrei la necessità di eliminare la colonna di destra o la colonna di sinistra o addirittura entrambe con la possibilità che il contenuto si adatti alla pagina,con ie tutto ok ma ff no.
vi posto di seguito il codice.
Grazie in anticipo per l'aiuto.

css:
table, td, tr, div{
   border: 1px solid Red;
   margin: 0px;
   padding: 0px;
}

html,body{
   margin: 0;padding:0
}

body{
   text-align: center;
   PADDING: 0px;
   MARGIN: 0px;
   background-color: #cfcfcf;
   height: 100%;
   color: #191A6D;
   font: 78% Arial, sans-serif;
}

#container{
   height: 100%;
   margin:0 auto;
   text-align: left;
   width: 952px;
   background-color: #4B0082;
}

#header_outer{
   text-align:left;
   width: 952px;
   height: 171px;
   background-color: Gray;
}

#left_outer{
   float: left;
   margin: 0px 0px 0px 10px;
   padding: 0px 0px 0px 0px;
   width: 160px;
   height: 400px;
   background-color: #D8BFD8;
}

#right_outer{
   float: right;
   margin: 0px 10px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 160px;
   height: 400px;
   background-color: #D8BFD8;
}

#content_outer{
   margin: 0px 0px 0px 0px;
   padding:0px;
   background-color: White;
   width: auto;
   min-height:300px;
   height:300px !important;
   height:300px;
}

#footer{
     clear: both;
   width: 100%;
   background-color: #20B2AA;
     height: 33px;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
   font: 12px Tahoma;
   color: White;
   text-align: center;
   bottom:0;
}

html:
<!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">
<head>
<link rel="stylesheet" href="css/div_css.css" type="text/css">
<title>prova</title>
</head>

<body>
<div id="container">
  <div id="header_outer">
  </div>
         <div id="left_outer">
           </div>
         <div id="right_outer">
           </div>
<div id="content_outer">   
      <p>fffffffrrrrrrrrrrrrrrrrrrrrrrrrrrrr</p>
         
</div> 
    <div id="footer">testo provaaaaaaaaaaaaaaaa</div>
</div>

</body>
</html>

Offline graduus

  • Esploratore
  • **
  • Post: 187
    • Mostra profilo
Re: template a tre colonne
« Risposta #1 il: 21 Feb 2008, 12:42:51 »
puoi inserire delle condizioni:
se ci sono dei div left allora crei il div .
il mio consiglio è mettere anche la larghezza variabile, ovvero inserirei il controllo dei moduli all'inizio
del tipo
Codice: [Seleziona]
<?php if (mosCountModule('left')){$left=1;} else {$left=0;}
 if (
mosCountModule('right')){$right=1;} else {$right=0;}
if (
$left==&& $right==){$width ='larghezza';} else
if (
$left==&& $right==){$width ='larghezza';} else
if (
$left==&& $right==){$width ='larghezza';} else
{
$width ='larghezza';}
e al div assegni un <div width="<?php echo $width;?>">
includi i div left e right in
Codice: [Seleziona]
<?php if ($left==1){?>
<div id="left"></div>
<?php }?>
dove sostituisci left e right a seconda del div
potrebbe funzionare...

Offline ynneb78

  • Nuovo arrivato
  • *
  • Post: 2
    • Mostra profilo
Re: template a tre colonne
« Risposta #2 il: 22 Feb 2008, 16:36:16 »
ok provo e vi farò sapere.
grazie mille

 



Web Design Bolzano Kreatif