Salve a turri,
purtroppo ho un problema con firefox.
ho inserito tramite css una immagine di sfondo che firefox non la considera proprio mentre con ie e opera funziona..
il codice css è il seguente:
#corpo {
width: 770px;
background-color: #FFF5E6;
background-image: url("http://www.cellulartopic.com/v3/img/sfondo.gif");
background-repeat: repeat-y;
}
spero che mi aiutate sto impazzendo.!
grazie
#corpo {
width: 770px;
background : url("http://www.cellulartopic.com/v3/img/sfondo.gif") top center;
background-color: #FFF5E6;
background-repeat: repeat-y;
}
a me cosi funziona sia con FF che IE che Opera (ammesso di aver capito giusto cosa volevi fare.. se non ti funziona magari metti una foto di come dovrebbe essere)
Giacomo aka Arthens on arthens.it & MGBrescia.it
if(!(▼ Powered by Gentoo Linux ▲) || !(▼ Powered by Mozilla Firefox ▲)) loser();
no non va...
l'immagine fa da sfondo alle colonne dx e sx come qui in foto:
#corpo {
width: 770px;
background : url("http://www.cellulartopic.com/v3/img/sfondo.gif");
background-color: #FFF5E6;
background-repeat: repeat-y;
}
mettendo cosi come lo vedi con ff?
Giacomo aka Arthens on arthens.it & MGBrescia.it
if(!(▼ Powered by Gentoo Linux ▲) || !(▼ Powered by Mozilla Firefox ▲)) loser();
così:
ah inoltre visto che mi trovo vorrei chiederti per favor se mi potresti dire come fare per posizionare tutto al centro la pagina :P
grazie
edit: noto ora che le foto han risoluzione differente, quindi ignora questo paragrafo
la prima differenza che noto tra le due foto è la dimensione... il corpo della tua pagina con firefox è più larga che con explorer, quindi per prima cosa devi rendere le dimensioni uguali (dato che l'immagine di sfondo è unica per tutte e 3 le colonne il tuo contenitore dev'essere grande esattamente quanto lo sfondo, altrimenti ci saranno sempre dei buchi)
ma la parte degli annunci di google ha già il colore marrone vero?
cioè l'immagine di sfondo non te la visualizza proprio o sbaglio? (a prima vista avevo avuto l'impressione te la visualizzasse spostata, mentre ora mi accorgo che non c'è proprio)
se cosi fosse significa che è sovrascritta da qualcosa perchè a me la visualizzava con il codice che ti ho messo
per centrare la pagina metti nel contenitore principale
margin: auto;
e nel body
text-align: center;
(questo del body è per compatibilità con explorer)
Giacomo aka Arthens on arthens.it & MGBrescia.it
if(!(▼ Powered by Gentoo Linux ▲) || !(▼ Powered by Mozilla Firefox ▲)) loser();
si avevo cambiato la risoluzione dello schermo e poi sono ritornato a quella che uso!
per l'annuncio di google si ha il colore dello sfondo che con firefox non lo visualizza.
con questo codice la visualizzavi bene?
#corpo {
width: 770px;
background : url("http://www.cellulartopic.com/v3/img/sfondo.gif");
background-color: #FFF5E6;
background-repeat: repeat-y;
}
grazie
aggiungo:
ho centrato la pagina come hai detto, solo che con ie la pagina viene correttamente visualizzata al centro mentre con firefox e opera resta invariata e quindi a sinistra!
questo è il css:
body {
background-color: #fff5e6;
margin: auto;
text-align: center;
padding: 0;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 13px;
background-image: url(../img/sfondo-pagina.gif);
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;
}
ri-grazie :P
ok text-align: centerOriginariamente inviato da kiapparo
aggiungo:
ho centrato la pagina come hai detto, solo che con ie la pagina viene correttamente visualizzata al centro mentre con firefox e opera resta invariata e quindi a sinistra!
questo è il css:
body {
background-color: #fff5e6;
margin: auto;
text-align: center;
padding: 0;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 13px;
background-image: url(../img/sfondo-pagina.gif);
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;
}
ri-grazie :P
ma margin: auto va nel contenitore principale che però tu non hai (mi pare di vedere dal codice)...
tu hai
<body>
<testa>
</testa>
<corpo>
</corpo>
</body>
come schema... prova a fare invece
<body>
<main>
<testa>
</testa>
<corpo>
</corpo>
</main>
</body>
e mettere nelle proprietà di main margin:auto... in pratica cosi facendo tu crei un contenitore (main) e gli dici di disegnare automaticamente i margini (quindi lui fa 50 e 50 e si posiziona centrale)
per quanto riguarda il problema dello sfondo stò guardando, ma hai un codice e dei css enormi o_o
Giacomo aka Arthens on arthens.it & MGBrescia.it
if(!(▼ Powered by Gentoo Linux ▲) || !(▼ Powered by Mozilla Firefox ▲)) loser();
ho salvato il tuo sito in locale e ho provato a vedere di sistemarlo...
mettendo un <div id="main"></div> che chiude dentro a se tutti gli altri <div> e mettendo in generale.css
#main {
border:1px solid black;
margin: auto;
margin-top : 4px;
width: 770px;
background-color: #FFF5E6;
background : url("http://www.cellulartopic.com/v3/img/sfondo.gif");
background-repeat: repeat-y;
}
mi pare vada... unica cosa il titolo sbarella un pò (hai usato posizione assoluta?)
purtroppo non ho la possibilità di testarlo con explorer quindi non posso garantire che vada anche li... prova
Giacomo aka Arthens on arthens.it & MGBrescia.it
if(!(▼ Powered by Gentoo Linux ▲) || !(▼ Powered by Mozilla Firefox ▲)) loser();
Permessi di invio
Rispondi quotando
