Ciao,
ho qualche problema con alcuni div affiancati, soprattutto con ie (specialmente ie7).
l'obiettivo è creare 5 colonne:
codice:
1 - larga 20% - Contenuto 0
2 - larga 5% - Spazio
3 - larga 35% - Contenuto 1
4 - larga 5% - Spazio
5 - larga 35% - Contenuto 2
(i div usate per lo spazio sono necessari)
inoltre ho notato che explorer ha qualche problema ad impostare le dimensioni dei div: 20+5+35+5+35=100, ma per metterli sulla stessa devo ridurre di 1 o 2 punti percentuali la larghezza degli spazi.
inoltre come si fa a mettere l'altezza dei div tutti alla stessa altezza in modo che quelli piu corti si "allungano" alla stessa dimensione del div più alto?
mi potete gentilmente dare un piccolo aiuto?
questo è il codice:
Codice PHP:
<!doctype html>
<html>
<head></head>
<body>
<style>
.riga{
overflow: auto;
width: 100%;
}
div{
border: 2px solid black;
}
#c0{
display: inline;
width: 20%;
float: left;
}
.spazioSx, .spazioDx{
display: inline;
float: left;
width: 5%;
}
#c1, #c2{
float: left;
width: 35%;
}
</style>
<div class="riga">
<div id="c0">
Contenuto0
</p>
</div>
<div class="spazioSx">
</div>
<div id="c1">
Contenuto1
Contenuto1
Contenuto1
Contenuto1
</p>
</div>
<div class="spazioDx">
</div>
<div id="c2">
Contenuto2
</p>
</div>
</div>
</body>
</html>
e questo è quello schifo di risultato:
Rispondi quotando
