Visualizzazione dei risultati da 1 a 9 su 9
  1. #1

    Immagine di sfondo: OK con FF, KO con IE. Aiuto!

    Ciao a tutti e vi ringrazio anticipatamente per il tempo che mi dedicherete. Ho un problema e non sono un esperto:
    - uso joomla
    - scaricato un template
    - modificato css template per avere lo sfondo fisso
    - con FF tutto ok, con IE purtroppo no
    Penso che sia qualche attributo da variare in css ma dopo aver girato in lungo e in largo non sono riusciuto a risolvere.

    Inserisco il codice:
    /*html Reset*/
    *{margin:0;padding:0}
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,f orm,fieldset,input,textarea,p,blockquote,th,td{mar gin:0;padding:0}
    fieldset,img{border:0}
    ul{list-style:circle;list-style-position:inside}
    a:focus{outline:none}
    html{height:100%;margin-bottom:1px}
    /* links */
    a:link,a:visited{text-decoration:none}
    a:hover{text-decoration:underline}
    /* headings */
    h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:100%}
    h1{font-size:300%}
    h2{font-size:250%}
    h3{font-size:200%}
    h4{font-size:175%}
    h5{font-size:150%}
    h6{font-size:125%}
    /*End of html Reset*/
    body{font:12px/150% Arial,Helvetica,sans-serif;color:#646464;background: #03235c url(../images/bg.jpg)repeat-y center;background-attachment:fixed;}
    a:link,a:visited{color:#aa1428}
    a:hover{color:#f00}
    h1,h2,h3,h4,h5,h6{font-family:Arial,Helvetica,sans-serif}
    h1{font-weight:normal;color:#7887A0}
    h2{color:#b4b4be}
    h3{color:#646478}
    h4{font-weight:normal;color:#7887A0}
    h5{color:#878796}
    h6{color:#7887A0}
    .inside{padding:0 20px}
    .clear{clear:both}
    #wrap{padding:0;width:960px!important;/*IE6 hack*/
    margin:0 auto;text-align:left;position:relative;margin-top:10px;overflow:hidden}
    #header{float:left;color:#fff;width:100%;height:30 0px;}
    a#logo{float:left;width:938px;height:300px;backgro und:url(../images/logo.png) no-repeat 0 0}
    #search{width:auto;height:auto;position:absolute;r ight:16px;bottom:10px}
    #search .inputbox{margin-top:6px;border:1px solid #971515;background:#f3f3f3 url(../images/search.png) no-repeat 0 0;padding:0 0 0 16px;width:174px;height:18px}
    #banner{float:left;color:#fff;width:100%;height:au to}
    #container{margin:0;background:#fff;width:auto;hei ght:auto}
    #container_t{background:#fff url(../images/content_t.png) 0 0 repeat-x}
    #container_tl{background:url(../images/content_t_l.png) 0 0 no-repeat}
    #container_tr{height:10px;overflow:hidden;backgrou nd:url(../images/content_t_r.png) 100% 0 no-repeat}
    #container_m{border-left:1px solid #ccc;border-right:1px solid #ccc;width:auto;padding:1px 10px}
    #container_b{background:url(../images/content_b.png) 0 100% repeat-x}
    #container_bl{background:url(../images/content_b_l.png) 0 100% no-repeat}
    #container_br{height:10px;background:url(../images/content_b_r.png) 100% 100% no-repeat}
    #left{float:left;width:20%;overflow:hidden;backgro und:none}
    #right{float:right;width:20%;overflow:hidden;backg round:none}
    #content{float:left;width:60%;overflow:hidden}
    #content60{float:left;width:60%;overflow:hidden}
    #content80{float:left;width:80%;overflow:hidden}
    #content100{float:left;width:100%;overflow:hidden}
    #footer{background:url(../images/footer-bg.gif) no-repeat center top;height:auto}
    #footer .padding{padding:10px}
    .cp{font:bold 10px Verdana,Arial,Helvetica,sans-serif;color:#808080;text-align:center}
    .cp a,.cp a:hover{color:#808080;text-decoration:none}
    #validation{text-align:center}
    #validation a,#validation a:hover{color:#adadad;text-decoration:none;font-size:11px}


    Il sito momentaneamente si trova qui:
    http://venusdoom.altervista.org/joomla

    Mi scuso anticipatamente nell'eventualità di qualche errore di comportamento.
    Grazie

  2. #2
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Ciao, lascia uno spazio prima di repeat-y
    codice:
    body{font:12px/150% Arial,Helvetica,sans-serif;color:#646464;
    background: #03235c url(../images/bg.jpg)repeat-y center;
    background-attachment:fixed;}

  3. #3
    Grazie mille!!!
    Una cosa così banale mi ha tenuto fermo per tre giorni.
    Sei un angelo.

  4. #4
    Anche inserendo uno spazio funziona solo con IE8, ma non con i precedenti...come posso risolvere il problema?

  5. #5
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    io non ho mica capito cosa non va, con ie7 vedo uguale a ie8

  6. #6
    Effettivamente non lo so nemmeno io.
    Immagino che vada tutto ok, solo che mia sorella che si trova a 300 km da me e usa IE non vede lo sfondo.
    Allora ho supposto che ha una versione precedente del mio IE8.
    C'è un modo per testare i propri lavori con diversi browser?
    Grazie.

  7. #7
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    Anche inserendo uno spazio funziona solo con IE8, ma non con i precedenti...come posso risolvere il problema?
    Allora ho supposto che ha una versione precedente del mio IE8
    funziona anche con le precedenti versioni, io ho ie7

  8. #8
    Utente di HTML.it L'avatar di Prill
    Registrato dal
    Oct 2006
    Messaggi
    2,947
    C'è un modo per testare i propri lavori con diversi browser?
    per avere schermate di una pagina con diversi browser: http://browsershots.org/ (se il caricamento della pagina richiede tempi lunghi però lo screenshot potrebbe essere incompleto)

  9. #9
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    IE8 ti permette di vedere come si vede con IE7, se vai in strumenti->visualizzazione compatibilità.

    INoltre puoi scaricare MUltiple IE per vedere come va con IE6.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.