Newsgroup: it.comp.www.html
Titolo: Box centrale e laterali con i CSS, colori ed altre amenità( lunghetto )

Salve,
Sto disperatamente cercando di capire come si fa un box centrale, l'idea
sarebbe
quella di un layout di questo tipo:
----------------------------------------------------------
|   INTESTAZIONE                                                      |
----------------------------------------------------------
| COLONNA | BLOCCO                        | COLONNA|
| SINISTRA   | CENTRALE                    | DESTRA     |
----------------------------------------------------------
| COLONNA | BLOCCO                        | COLONNA|
| SINISTRA   | CENTRALE                    | DESTRA     |
----------------------------------------------------------
| PIE' DI PAGINA                                                        |
---------------------------------------------------------
Per l'intestazione, la colonna sinistra ed il piè di pagina non ho
problemi, quello che non riesco a fare è mettere il blocco
centrale e la colonna di destra!
Qualcuno può farmi *capire* come devo programmare il CSS in
modo da poter ottenere questo risultato? L'idea è che una volta
ottenuti COLSIN,CENTRO e COLDES, sarebbe facile poi
riportare il tutto all'interno di un altro box( in modo da simulare una
tabella... ^_^ ). Se vi state chiedendo perché voglio fare tutto sto casino,
semplicemente ecco la tabella che vorrei replicare:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<form action="" method="post">
  <table style='{background: LightBlue}'>
   <tr>
    <td align='center'>
        Nome Prodotto
   </td>
   <td>
     <input type="text" name="NomeProd"/>
   </td>
  </tr>
  <tr>
    <td align='right'>
     Descrizione
   </td>
   <td>
     <input type="text" name="DescrProd"/>
   </td>
  </tr>
  <tr style='{ display: inline;background: Red}'>
    <td align='right'>
     Maggiore di <input type="radio" name="TipoPrezzo" value="1"/>
   </td>
   <td>
   </td>
   <td style='{ background: LightBlue}'>
   </td>
  </tr>
  <tr style='{ background: Red}'>
    <td align='right'>
     Minore di <input type="radio" name="TipoPrezzo" value="2"/>
   </td>
   <td>
     Prezzo <input type="text" name="NomeProd"/>
   </td>
   <td style='{ background: LightBlue}'>
   </td>
  </tr>
  <tr style='{ background: Red}'>
    <td align='right'>
     Uguale a <input type="checkbox" name="PrezzoUguale" value="1"/>
   </td>
   <td>
   </td>
   <td style='{ background: LightBlue}'>
   </td>
  </tr>
 </table>
 <br>
</form>
</body>
</html>
A tal proposito, con il LightBlue, voi che colore ci mettereste? lo so che
il rosso è un
pugno in un occhio con quello precedentemente enunciato, ma voi che colore
scegliereste?
Per favore non ditemi che potevo mettere tutto in un tag 2style", lo so da
me, solo che
volevo "stilizzare" tutto al millesimo, non so se rendo l'idea.
Se sei arrivato fin qui a leggere, ti ringrazio.
Grazie di tutto quello che mi potrete suggerire,
Andrea

 </html>
io vedo solo un form, scritto pure male.
lo style="" e' sbagliato, quelle graffe non ci devonbo essere, 
lightblue... controlla se esiste!
non capisco cosa abbia a che fare questo con "COLSIN,CENTRO e COLDES".
-- 
email: goldicus1970 AT 
yahoo.it
web: 
http://www.deelan.com

 [snip]
L'ho studiato, ma non mi viene :-(
Ecco il CSS che risulta a me:
body { margin:0; padding:0 }
hr { display:none }
body { text-align:center }
#testa {
width:90%;
margin:1% auto;
text-align:left
}
#corpo {
width:90%;
margin:1% auto;
text-align:left;
position:relative;
}
#piedipagina {
width:90%;
margin:1% auto;
text-align:left
}
#corpo-colonna1 {
position:absolute;
top:0; left:0;
width:10%;
}
#corpo-colonna3 {
position:absolute;
top:0; right:0;
width:10%;
}
#corpo-colonna2 {
margin:0 20 % 0 25%;
}
Ed ecco la pagina che lo usa:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<link rel="stylesheet" type="text/css" href="ECP_TestLayout.css" />
</head>
<body>
  <div ID="testa">
    HEAD
 </div>
 <div id="corpo">
   <div id="corpo-colonna1">
    COLSIN
  </div>
  <div id="corpo-colonna2">
    CENTRO
  </div>
  <div id="corpo-colonna3">
    COLDES
  </div>
 </div>
 <div id="piedipagina">
   FOOTER
 </div>
</body>
</html>
E' estremamente probabile che data l'ora ho scritto qualche cavolata, nel
caso castigatemi pure ! ^_^
Andrea