No sfondo con Firefox e con IE invece si...

[djcaipiroska]

Ciao a tutti... ho un piccolo problema... ho questa pagina sistemata così...


<div id="mainContent">

<div id="contenuto">

<div id="page">
<div id="testo">
<div class="distanceDown">
[img]images/benvenuti_tit.jpg[/img]

</div>
<div class="distanceDown2">
[img]images/home_img.jpg[/img]

</div>


<div class="txt">
Proin nec magna. Proin nec massa sit amet purus congue molestie. Aliquam erat volutpat. Nulla pellentesque dolor non tellus. Duis vel elit sit amet ipsum vehicula varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse rhoncus. Nunc est. Praesent interdum lectus quis neque. Aliquam eros. Nulla fermentum dolor eget mi. Cras diam sapien, auctor non, malesuada at, tristique id, dui. Aenean congue ante.
</div>
</div>

<div id="news">
news </div>
</div>
</div>

<div id="footPage">
[img]images/footerPage.png[/img]
</div>


</div>




questo invece è lo stile applicato...

#mainContent {
margin:auto;
width:980px;
}

#contenuto {
background-image:url(images/backPage.png);
background-position:center;
background-repeat:repeat-y;
height:auto;
}

#page{
width:940px;
text-align: center;
margin: 0 auto;
height:auto;
position:relative;
}

#testo {
float:left;
width:580px;
margin-left:10px;
}

#testo .txt{
text-align:justify;
}

#testo .distanceDown{
text-align:left;
padding-bottom:15px;
}

#testo .distanceDown2{
padding-bottom:15px;
}

#news{
float:left;
width:330px;
margin-left:10px;
}

#footPage {
height:38px;
bottom: 0;
clear: both;
}


Il problema che ho è questo... se lo vedo con FIREFOX... lo sfondo centrare del CONTENT non si vede... mentre con EXPLORER vedo tutto giusto. Secondo me c'e' qualche problema con i FLOAT. Ma io ho bisogno di usarli perchè devo allineare due DIV uno di fianco all'altro...

Sapete aiutarmi? se volete posso mandarvi anche la bozza via email...visto che mi sa che non mi sono spiegato bene.

grazie a tutti

Mickey

[gengix]

ti ho modificato leggermente la struttura, così va in tutti i browser=).
Il problema secondo me è che avevi creato troppi livelli, troppi elementi figli di altri.
Cmq ecco il codice:

<div id="contenuto">
<div id="testo">
<div class="distanceDown">
[img]images/benvenuti_tit.jpg[/img]
</div>
<div class="distanceDown2">
[img]images/home_img.jpg[/img]
</div>
<div class="txt">


Proin nec magna. Proin nec massa sit amet purus congue molestie. Aliquam erat volutpat. Nulla pellentesque dolor non tellus. Duis vel elit sit amet ipsum vehicula varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse rhoncus. Nunc est. Praesent interdum lectus quis neque. Aliquam eros. Nulla fermentum dolor eget mi. Cras diam sapien, auctor non, malesuada at, tristique id, dui. Aenean congue ante.</p>
</div>
</div>
<div id="news">


news</p>
</div>
<div id="footPage">
</div>
</div>

css:

*
{
margin:0;
padding:0;
}
#contenuto
{
margin: auto;
text-align:center;
width:980px;
background: url(../images/backPage.png) center top repeat-y;
}
#testo
{
float:left;
margin-left:10px;
width:580px;
}
#testo .txt{
text-align:justify;
}

#testo .distanceDown{
text-align:left;
padding-bottom:15px;
}

#testo .distanceDown2{
padding-bottom:15px;
}
#news{
float:left;
width:330px;
margin-left:10px;
}
#footPage {
height:38px;
clear: both;
}

a me funziona, ho sostituito nella mia macchina un'immagine al posto della tua e va..

fammi sapere! ciao!

[djcaipiroska]

Innanzi tutto grazie GENGIX per il tuo interveto... più tardi lo provo e ti faccio sapere. Comunque per il resto va bene??? che ne pensi??'

Ascolta pero' volevo farti una domanda... ho notato questa cosa. Siccome dovevo dividere il contenuto in due div, uno sinistro e uno destro... pensavo di usare i FLOAT pero' ho notato che usando FLOAR:right... mi fa scomparire gli sfondi... perchè fa questo lavoro??? non capisco

Grazie

Mickey

[gengix]

Per il resto direi che va bene, l'unica cosa è nei due div "distanceDown" "distanceDown2", se all'interno di questi 2 div devi inserire solo delle immagini, ti suggerirei di semplificare ulteriormente il codice e di mettere le immagini 'libere' e a css dare a queste un display:block e distanziarle con dei margini. In questo modo trasformando le immagini in elementi di blocco eviti anche l'utilizzo dei br.
Per quanto riguarda il float rimango sulla tesi di prima. A mio avviso hai creato una struttura troppo annidata, dando un'occhiata veloce ti direi questo, purtroppo nn avendo in mano il progetto nn riesco a dirti di più=). In genere firefox fa le cose fatte bene mentre IE ti perdona gli errori=).
Cmq prova il mio codice. l'ho testato anche su IE5, quindi in teoria vai tranquillo=).

Ciao!

[djcaipiroska]

Ok...grazie ancora e sempre gentilissimo

mickey

[djcaipiroska]

GENGIX... ho provato quello che mi hai scritto... in effetti si vede tutto bene... a parte i vari contenuti spostati tutti a sinistra.

Il fatto pero' è che non vedo pero' più l'immagine presente nel div FOOTPAGE, sarebbe un immagine PNG che va a chiudere il content. Ho provato a spostarlo fuori dal div CONTENUTO ma mi ricrea il problema dello sfonto che sparisce... porcaccia miseria (((

Posso mandarti via mail il progetto??? Almeno per consigliarmi come strutturare questa pagina... il problema per me è tutto li... non so come strutturarla... avendo un header... un contenuto che si divide in due e un footer.

Grazie

mickey

[gengix]

Vai manda...
il mio indirizzo è : gene.romanini@gmail.com..
Il prima possibile ci guardo..=)