Vorrei fare 3 div allineati di uguale larghezza ed esprimere la larghezza in percentuale, ho dato a 2 div l'attributo "float: left; e width : 33%; " e all'altro l'attributo "float:rigth; e width 34%;" Il terzo (quello di destra) div mi viene molto piu stretto dei primi due perchè?
dai aiutatemi, come devo mettere le percentuali del parametro "widht" nel caso in cui ho 3 div allineati?
Non ho mai usato le percen con i div...posta il po' di codice magari vien fuori qualkosa
"Il tempo aiuta a dimenticare e il destino regala sempre una seconda occasione.
Ma aprirsi all'amore significa rendersi vulnerabili".
Nicholas Sparks
Perche' se usi float e non setti la dimensione, viene impostata quella "inner", che impratice e' la dimensione minima.
ciao ciao !!
_______________
home : cristianolongo.altervista.org
e-mail : cristiano_longo@yahoo.it
la dimensione la imposto, la imposto in percentuale, dovrebbe essere uguale credo.Originariamente inviato da cristiano_longo
Perche' se usi float e non setti la dimensione, viene impostata quella "inner", che impratice e' la dimensione minima.
Ho notato che a parità di dimensioni inserite se imposto il float del div centrale come left mi viene in un certo modo, se lo imposto come rigth mi viene in un altro modo, come mai?
ma hai anche bordi margini e padding?
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
li ho tolti.Originariamente inviato da Jerry Masslo
ma hai anche bordi margini e padding?
posto il codice:
#menu {
float : left;
height : 50%;
width : 25%;
background-color : #DFE3EE;
text-align : left;
color : black;
}
#speciali {
float : left;
height : 50%%
width : 50%;
background-color :#DFE3EE;
color : black;
}
#firma {
float : rigth;
heigth : 50%;
width : 25%;
background-color :#DFE3EE;
color : black;
non ho ancora provato su mozilla ma intanto su opera viene giusto, solo hai in speciali un width con un % invece del punto e virgola e in firma un height scritto male.
prova questo:
<html>
<head>
<style>
#menu {
float: left;
height: 50%;
width: 25%;
background-color : silver;
text-align : left;
color : black;
}
#speciali {
float : left;
height : 50%;
width : 49%;
background-color :gray;
color : black;
}
#firma {
float : left;
height : 50%;
width : 25%;
background-color :teal;
color : black;
}
</style>
</head>
<body>
<div style="width: 100%; height:100%">
<div id="menu">
porompompero
</div>
<div id="speciali">
porompompero
</div>
<div id="firma">
porompompero
</div>
<div style="clear: both">
</div>
</div>
</body>
</html>
ho dovuto accorciare il width di speciali perché con ie ridimensionando la finestra spostava il box di destra in basso (un px sì e uno no, cioé tipo a 700px di larghezza della finestra lo spostava a 699 no a 698 sì a 697 no, insomma è un bel tipo.
4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore
Permessi di invio
Rispondi quotando