disposizione div

[Zweer]

lo so, dal titolo ho detto tutto e niente...mi spiego:

ho una pagina con un div in alto che fa da titolo...

sotto ho il corpo, però per motivi grafici devo mettere:

<div da 300px> <div da 100px>
<div da 400px >

si può fare una cosa del genere senza scomodare i vari "position:absolute" o "relative"?

grazie a tutti ^^

[caponemg]

Prova col float!
questo è l'esempio calcolato sulla colonna centrale dei contenuti larga 400px:

div#navigation{float: left;width: 300px;}
div#extra{float: right; width: 100px;}
div#content{margin: 0 300px 0 100px;}

[Zweer]

mmm...no, forse non mi sono spiegato bene...

io devo mettere sopra due paragrafi di 300 e 100...e sotto uno di 400...
facendolo con le tabella verrebbe

<table>
  <tr>
    <td width="300"> bla bla </td>
    <td width="100"> bla bla </td>
  </tr>
  <tr>
    <td width="400" colspan="2"> bla bla bvla </td>
  </tr>
</table>

lo so, con le tabelle verrebbe facilissimo, ma non è che mi faccia impazzire un'impaginazione tabellare...

grazie mille comunque ^^

[simulacron]

Originariamente inviato da Zweer
mmm...no, forse non mi sono spiegato bene...

io devo mettere sopra due paragrafi di 300 e 100...e sotto uno di 400...
facendolo con le tabella verrebbe

<table>
  <tr>
    <td width="300"> bla bla </td>
    <td width="100"> bla bla </td>
  </tr>
  <tr>
    <td width="400" colspan="2"> bla bla bvla </td>
  </tr>
</table>

lo so, con le tabelle verrebbe facilissimo, ma non è che mi faccia impazzire un'impaginazione tabellare...

grazie mille comunque ^^

Prova così:

<div id = "pagina">
 
    <div id = "destra"> bla bla </div>
    <div id = "sinistra"> bla bla </div>
  </tr>
  <tr>
    <div id = "sotto"> bla bla </div>
  </tr>
</div>

e nel css inserisci:

pagina{.......
          width:400px;
          .........
         }
....../* altro*/

#destra{
          float: left; //o right
          width:300px;
          .........
        } 
#sinistra{
          float: left; //o right
          width:100px;
          .........
        } 
#sotto{      
          clear: left; //o right
          width:100%; // i 400px somma di 300+100 (senza bordi, margin o padding vari)
          .........
        }

Credo sia questo che volevi ottenere....
Se devi inserire margini esterni (=margin), interni (=padding) o bordi.....devi maggorare, probabilmente quel 400 o diminuire gli altri due...