Allora, ho creato utilizzando percentuali (e float...) la struttura del mio sito (a tre colonne).

Nella colonna centrale ci vorrei mettere altri div (uno a destra uno a sinistra) che insieme occupano quasi tutta la larghezza della colonna centrale.

Faccio cosi':

codice:

div#center div.blockleft{
float:left;
width:46%;
}

div#center div.blockright{
float:right;
width:46%;
}

....

<div id="center">

<div class="blockleft"> ... </div>
<div class="blockright"> ... </div>
<div class="blockleft"> ... </div>
<div class="blockright"> ... </div>

</div>
OVVIAMENTE, su Firefox si vede bene, ma su IE la larghezza della colonna centrale e' di 100px circa (per cui i div blockleft/right sono di appena 100px).

Se e' la colonna centrale quella corta, vuol dire che non e' colpa dai div blockleft/right, ma della colonna stessa: e' necessario rivedere la struttura.


codice:
div#container{
width:100%;
}

div#left{
width:20%;
float:left;
}

div#right{
width:20%;
float:right;
}

div#center{
width:58%;
margin:0 20%;
}


...

<div id="container">

  <div id="left">
  ...
  </div>

  <div id="right">
  ...
  </div>

  <div id="center">
  ... <div id="blockleft"> ... </div> ...
  </div>
</div>

Help me.


Ciao