Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1

    IE6 problemi di background

    Buongiorno a todos...

    iniziamo con questo piccolo problema
    ho questo css
    codice:
    #BoxMain{margin:20px auto 0 auto; width:990px; height:610px; overflow:hidden; position:relative; 
    	background-repeat:no-repeat; background-position:left top; background-image:url('/images/bkg_main.jpg');}
    #BoxMain.cls1{background-image:url('/images/bkg_cls1.jpg');}
    #BoxMain.cls2{background-image:url('/images/bkg_cls2.jpg');}
    #BoxMain.cls3{background-image:url('/images/bkg_cls3.jpg');}
    #BoxMain.cls4{background-image:url('/images/bkg_cls4.jpg');}
    in pratica ho un DIV con ID = BoxMain a cui in ogni pagina applico una classe diversa per dargli uno sfondo diverso: cls1, cls2, cls3, cls4.
    Pagina 1:
    Codice PHP:
    <div id="BoxMain" class="cls1"></div
    Pagina 2:
    Codice PHP:
    <div id="BoxMain" class="cls2"></div
    Pagina 3:
    Codice PHP:
    <div id="BoxMain" class="cls3"></div
    Pagina 4:
    Codice PHP:
    <div id="BoxMain" class="cls4"></div
    Ora su tutti i browser è ok tranne che su IE6!!! Mi sta facendo diventare matto!!!

    Cioè prende le varie classi (cls1, cls2, cls3, cls4) solo se sono dichiarati subito dopo la dichiarazione del BoxMain.

    Mi spiego nella Pagina 1 vedo lo sfondo dichiarato in cls1, invece a Pagina 2 vedo lo sfondo principale bkg_main.jpg.

    Se nel css ordino diversamente la dichiarazione delle classi per l'ID il cambiamento lo vedo solo per la prima e non nelle altre... esempio:
    codice:
    #BoxMain{margin:20px auto 0 auto; width:990px; height:610px; overflow:hidden; position:relative; 
    	background-repeat:no-repeat; background-position:left top; background-image:url('/images/bkg_main.jpg');}
    #BoxMain.cls2{background-image:url('/images/bkg_cls2.jpg');}
    #BoxMain.cls1{background-image:url('/images/bkg_cls1.jpg');}
    #BoxMain.cls3{background-image:url('/images/bkg_cls3.jpg');}
    #BoxMain.cls4{background-image:url('/images/bkg_cls4.jpg');}

    Quindi dichiaro prima cls2 di cls1, quindi a Pagina 2 vedo lo sfondo giusto invece a Pagina 1 quello di default... DA MATTI!!!!! :berto:

    Sapete dirmi perchè????




    p.s.: scusate per l'oggetto dell'altro post... questo va meglio?
    Più PILU per tutti!!

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,192
    Non so se e` questo il problema.

    background-image:url('/images/bkg_cls1.jpg');
    Gli apici all'interno delle parentesi non fanno parte della sintassi corretta. Di solito i browser accettano anche la sintassi sbagliata, ma forse non tutti. Prova a torglierli.

    Se non basta, prova a mettere un po' di spazi in piu`, tipo dopo la graffaaperta e dopo i duepunti.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    No, non è questo, che altro puo' esssere?
    Più PILU per tutti!!

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,192
    L'unica cosa che mi viene in mente e` un errore di sintassi.
    Prova a passare dai validatori (CSS, ma anche HTML, per sicurezza).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Scusate se riattivo questo thread ma per me è un problema mai risolto
    Visto che mi sono stufato di fare giri pindarici per risolvere questa cose e nella rete non riesco a trovare la soluzione... qualcuno di voi riesce darmi una mano?


    GRASSSSSSSSSIE
    Più PILU per tutti!!

  6. #6
    e impostando il background cosi?

    #BoxMain.cls4{background:url('/images/bkg_cls4.jpg');}

    Cmq il problema è avere un immagine di background e che si veda su tutti i browser vero?




    A un altra cosa.... i css sono nella stessa pagina?Incorporati come foglio di stile? e se si questi in che cartella sono rispetto alle immagini?

  7. #7
    fossi in te invertirei gli id e le classi
    e toglierei quegli apici come suggerito in passato
    poi una volta che il codice è corretto andiamo a vedere un link e cosa non funziona

  8. #8
    Impostando un background invece di background-image non risolve.

    Neanche mettendo o meno gli apici '

    I percorsi sono sempre giusti (cmq le immagini ci sono) in quanto i percorsi sono sempre relativi.

    Questo cmq lo schema:
    codice:
    /<root>
         |-Pagina.html
         |
         |-<CSS>
         |     |- file.css
         |
         |-<images>
                |- bkg_cls1.jpg
                |- bkg_cls2.jpg
                |- bkg_cls3.jpg
                |- bkg_cls4.jpg
    Più PILU per tutti!!

  9. #9
    Cosa intendi quando dici

    Originariamente inviato da mucu
    fossi in te invertirei gli id e le classi
    In ogni caso gli apici li ho tolti

    se volete vi posto il link al sito cui sto lavorando ma mi raccomando e top secret ;-)
    Più PILU per tutti!!

  10. #10
    quello che è un id deve diventare una classe e viceversa
    poi se è il caso vediamo il link

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.