Come mai con Firefox non vedo lo sfondo ?

[The knight]

Che ho impostato qcosì?

.main {
width: 990px;
margin: 0;
text-align: left;
background: url(images/background.jpg) repeat-y;
}

[The knight]

OK questo l'ho risolto, ho dovuto impostare lo sfondo sul body invece che sul livello, boh.

Adesso però noto delle differenze coi margini tra Explorer e Firefox, in pratica si vedono leggermente diversi, "containerleft" continene a sinistra "content" e a destra "sidebar", però come vi dicevo pocanzi, ci sono delle differenze tra un browser e l'altro, sapete spiegarmi il motivo ?


.containerleft {
float: left;
width: 824px;
margin: auto;
padding: 0px;
text-align: center;
}


#content {
float: left;
width: 452px;
text-align: center;
background: url(images/border-top-right.gif) top right no-repeat ;
margin-left: 18px;
padding: 45px 35px 0 0;

}


#sidebar {
float: right;
width: 200px;
margin-bottom: 35px;
margin-right: 22px;
text-align: left;
position: relative;
bottom: 70px;
background:url(images/sidebarleft.gif) left repeat-y ;
}

[The knight]

Ma perchè non mi prende tutta l'altezza del box lo sfondo che si ripete?? Ad un certo punto si ferma e non và + giù

#middle{
width:772px;
height: 100%;
margin: auto;
background: url(../../../../builder/images/tb/galleriesmiddle.jpg) repeat-y;
}



#content{
float: left;
width: 520px;
margin-left: 8px;
text-align: center;
}


#sidebar{
float: left;
width: 200px;
margin-top: 60px;
margin-left: 15px;
text-align: center;
}

[The knight]

Vabbè, ho risolto applicando lo sfondo al container invece che al "middle", che poi era pure inutile così che l'ho rimosso. Adesso però fatemi capire voi perchè su Firefox si vede perfettamente, mentre su IE no, facendo la somma delle lunghezze e dei margini si ottiene 772, che è la lunghezza del box contenitore, solo che su IE la sidebar finisce a capo...come mai?

#main{
width:772px;
text-align:center;
}



#content{
float: left;
width: 502px;
margin-left: 18px;
margin-right: 0px;
text-align: center;
}


#sidebar{
float: left;
width: 252px;
margin-left: 0px;
margin-right: 0px;
margin-top: 60px;
text-align: center;
}

[The knight]

Stò sclerando, stò facendo delle prove con i bordi per vedere che combina IE, possible che usando margin-left Explorer si sposti a sinistra di + pixel rispetto a Firefox ???

[andrea.paiola]

3 pixel jog ?

[The knight]

Non sò che era, cmq non si può lavorare coi margini ed il padding, si hanno risultati diversi in base al browser...alla fine invece di usare float ho usato il posizionamento assoluto ed ora è tutto ok

ma la cosa bella è che stò usando Explorer 6, chissà col 5 ed il 5.5 che veniva fuori