Affiancare tre <div>

[felixsuperstar]

Scusate ragazzi oggi sono nel pallone, ma per affiancare tre div come cavolo faccio?
Ho provato in tutti i modi ma nulla...
Grazie.

[felixsuperstar]

specifico..sto provando ad affiancare tre div in un layout fluido ognuno di identica grandezza..ho provato con un box centrato nella pagina in posizione assoluta con al suo interno i tre div..solo che di cui uno flottatoa destra ma nulla...

[andrea.paiola]

direi che devono flottare tutti e tre

[felixsuperstar]

ho provato..pero non funziona:

#content {
position: absolute;
width: 70%;
height: 350px;
background: #000;
margin-top: 7%;
margin-left: 15%;
}
#graphic {
float: left;
width: 200px;
height:300px;
background: #fff;
margin-left: 15px;
margin-top: 10px;
}
#web {
float: left;
width: 200px;
height:300px;
background: #333;
margin-top: 10px;
margin-right: 1px;
margin-left: 15px;
}
#photo {
float: left;
width: 200px;
height:300px;
background: #333;
margin-top: 10px;
margin-right: 1px;
margin-left: 15px;
}

forse sbaglio il position absolute del content?...a dir la verità vorrei mantanere il layout fluido...cosa mi consiglio Andrea?

[andrea.paiola]

ma perchè il position absolute?

[felixsuperstar]

non so..fACCIO ALTRE PROVE.

[felixsuperstar]

Saro stupido..allora ho un header con un width al 100%, ho un altro div (definiamolo corpo) sotto l'header con un width al 100%, ed al suo interno ho un container che contiene appunto i tre div affiancati, con firefox alcun problema mentre con ie si sballa tutto..il problema sicuramente é la non corretta interpretazione del box model..ma sincerament enon saprei proprio come evitarlo.

[andrea.paiola]

in realtà IE non ha solo quel bug e qui (coi flot di mezzo) punterei sui raddopiamenti dei margini e sul 3px jog.
oltre al fatto che la somma delle larghezze totale deve essere 99% perchè IE approssima male
comunque coi commqnei condizionali puoi servire a IE altri CSS

[felixsuperstar]

ho risolto..forse non nella maniera migliore..ho inserito un div vuoto che mi ha centrato il contenuto..so che non é il massimo però...

[andrea.paiola]

Originariamente inviato da felixsuperstar
ho risolto..forse non nella maniera migliore..ho inserito un div vuoto che mi ha centrato il contenuto..so che non é il massimo però...

VVoVe: guarda che bastava un commento condizionale: non sporcare il markup!