Utility
Home Messaggi odierni FAQ Ricerca avanzata Lo staff del forum Regolamento Utenti Archivio
Visualizzazione dei risultati da 1 a 5 su 5
  1. 16-03-2007, 14:00 #1
    kainard
    kainard non è in linea
    Utente di HTML.it
    Registrato dal
    Mar 2005
    Messaggi
    196

    menu invisibile su firefox

    ho un problema con firefox... su explorer il menu si vede bene mentre su firefox è invisibile
    vi incollo il codice della pagina

    Codice PHP:
    <html>
     <    head>
      <    style type="text/css">
      
           html,body { margin: 0; padding: 0; }
           body { text-align: center; background-color: black; }
           #container { background-color: rgb(101,41,154); width: 716px; height: 768px; }
       #lato1 { background-image: url(lato1.gif); width: 42px; height: 768px; float: left; } 
       #lato2 { background-image: url(lato2.gif); width: 42px; height: 768px; float: right; }
       #cont { background-color: rgb(101,41,154); width: 632px; height: 768px; float: left; }
       #header { background-color: rgb(101,41,154); width: 632px; height: 233px; }
       #hsx { background-image: url(hsx.jpg); width: 219px; height: 233px; float: left; }
       #hdx { background-image: url(hdx.jpg); width: 413px; height: 233px; float: right; } 
       #cont2 { background-color: yellow; width: 632px; height: 535px; }
       #sx { background-image: url(menu.jpg); width: 219px; height: 535px; float: left; }
       #dx { background-image: url(content.jpg); width: 413px; height: 535px; float: right; }
       #menusx { background-image: url(menus.jpg); width: 108px; height: 535px; float: left; }
       #menu { background: blue; width: 111px; height: 535px; float: right; }
       #scritte { background-image: url(menuvuoto.jpg); width: 111px; height: 150px; } 
       #sfondo { background-image: url(menusotto.jpg); width: 111px; height: 385px; }
       #scritte ul { top: 0; left: 0; margin: 0; padding: 0; }
       #scritte a { text-decoration: none; color: black; }
       #home { margin-top: 8px; background-image: url(home.jpg); width: 104px; height: 23px; }
       #catalogo { background-image: url(catalogo.jpg); width: 104px; height: 22px; }
       #gadgets { background-image: url(gadgets.jpg); width: 104px; height: 20px; }
       #dove { background-image: url(dove.jpg); width: 104px; height: 23px; }
       #foto { background-image: url(foto.jpg); width: 104px; height: 27px; }
       #home:hover { background-image: url(home1.jpg); width: 104px; height: 23px; }
       #catalogo:hover { background-image: url(catalogo1.jpg); width: 104px; height: 22px; }
       #gadgets:hover { background-image: url(gadgets1.jpg); width: 104px; height: 20px; }
       #dove:hover { background-image: url(dove1.jpg); width: 104px; height: 23px; }
       #foto:hover { background-image: url(foto1.jpg); width: 104px; height: 27px; }

    <!--
    container lato1 cont lato2
    cont header cont2
    header hsx hdx
    cont2 sx dx
    sx menusx menu
    -->

      </    style>
     </    head>

     <    body>
      
      <    div id="container">
       <    div id="lato1"></div>
       <    div id="cont">   
        <    div id="header">
         <    div id="hsx"></div>
         <    div id="hdx"></div>
        </    div>
        <    div id="cont2">
         <    div id="sx">
          <    div id="menusx"></div>
          <    div id="menu">
          <    div id="scritte">
            <    ul>[*][url="#"][/url][*][url="#"][/url][*][url="#"][/url][*][url="#"][/url][*][url="#"][/url][/list]
           </    div>
           <    div id="sfondo"></div>
          </    div>
         </    div>   
         <    div id="dx"></div>
        </    div>  
       </    div>
       <    div id="lato2"></div>
      </    div>

     </    body>
    </    html> 
    Rispondi quotando Rispondi quotando
  2. 19-03-2007, 10:12 #2
    Mich_
    Mich_ non è in linea
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Facciamo una cosa:
    tu riposti il codice CSS, scrivendo in modo "umano" (un attributo per riga, usando opportunamente le indentazioni).

    Se ci riesci posti solo (o evidenzi) il codice che ritieni dia il problema: altrimenti occorre studiare tutta la pagina per poterti rispondere.

    Noto anche che usi una formattazione molto rigida: se ci sono bordi o padding, chiaramente in FF non ci sta (il box model di IE e` diverso da quello del W3C usato dagli altri browser).

    Dovresti anche dire quale DTD usi, o inserirne una se non ne usi: altrimenti il brwoser non sa bene come interpretare il tuo codice. Per ulteriori info, vedi qualsiasi manuale/tutorial HTML al tag DOCTYPE
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati
    Rispondi quotando Rispondi quotando
  3. 20-03-2007, 12:42 #3
    kainard
    kainard non è in linea
    Utente di HTML.it
    Registrato dal
    Mar 2005
    Messaggi
    196

    Re: menu invisibile su firefox

    Codice PHP:
    <html>
     <    head>
      <    style type="text/css">
      
           html,body { margin: 0; padding: 0; }
           body { text-align: center; background-color: black; }
           #container {  
            background-color: rgb(101,41,154);
            width: 716px;
            height: 768px;
       }
           #lato1 { 
            background-image: url(lato1.gif); 
            width: 42px; 
            height: 768px; 
            float: left; 
        } 
           #lato2 { 
            background-image: url(lato2.gif); 
            width: 42px; 
            height: 768px; 
            float: right; 
        }
           #cont { 
           background-color: rgb(101,41,154);  
           width: 632px; 
           height: 768px; 
           float: left; 
       }
           #header { 
           background-color: rgb(101,41,154);
           width: 632px; 
           height: 233px; 
       }
           #hsx { 
           background-image: url(hsx.jpg);
           width: 219px; 
           height: 233px; 
           float: left; 
       }
           #hdx { 
           background-image: url(hdx.jpg);
           width: 413px; 
           height: 233px; 
           float: right;
       } 
           #cont2 { 
           background-color: yellow;
           width: 632px;
           height: 535px; 
       }
           #sx { 
           background-image: url(menu.jpg); 
           width: 219px; 
           height: 535px; 
           float: left;
       }
           #dx { 
           background-image: url(content.jpg);
           width: 413px; 
           height: 535px;  
           float: right;
       }
           #menusx {
           background-image: url(menus.jpg); 
           width: 108px;
           height: 535px; 
           float: left;
       }
           #menu { 
           background: blue; 
           width: 111px; 
           height: 535px; 
           float: right;
       }
           #scritte { 
           background-image: url(menuvuoto.jpg);
           width: 111px;
           height: 150px; 
       } 
           #sfondo { 
           background-image: url(menusotto.jpg);
           width: 111px; 
           height: 385px;
       }
    [    COLOR=orange]
    //penso l'errore sia qui  
     #scritte ul { 
          top: 0; left: 0; 
          margin: 0; 
          padding: 0; 
      }
          #scritte a { 
          text-decoration: none; 
          color: black; 
      }
          #home { 
          margin-top: 8px; 
          background-image: url(home.jpg); 
          width: 104px; 
          height: 23px; 
      }
          #catalogo { 
          background-image: url(catalogo.jpg);
          width: 104px;
          height: 22px; 
      }
          #gadgets { 
          background-image: url(gadgets.jpg); 
          width: 104px; 
          height: 20px;
      }
          #dove { 
          background-image: url(dove.jpg); 
          width: 104px; 
          height: 23px; 
      } 
          #foto {  
          background-image: url(foto.jpg);
          width: 104px; 
          height: 27px;
      }
    [/    COLOR] 
      </    style>
     </    head>

     <    body>
      
      <    div id="container">
       <    div id="lato1"></div>
       <    div id="cont">   
        <    div id="header">
         <    div id="hsx"></div>
         <    div id="hdx"></div>
        </    div>
        <    div id="cont2">
         <    div id="sx">
          <    div id="menusx"></div>
          <    div id="menu">
          <    div id="scritte">
            <    ul>[*][url="#"][/url][*][url="#"][/url][*][url="#"][/url][*][url="#"][/url][*][url="#"][/url][/list]
           </    div>
           <    div id="sfondo"></div>
          </    div>
         </    div>   
         <    div id="dx"></div>
        </    div>  
       </    div>
       <    div id="lato2"></div>
      </    div>

     </    body>
    </    html> 

    p.s. in che senso è una formattazione molto rigida? la pagina si vede correttamente su opera, firefox e ie, solo il menu nn si vede sui primi due
    Rispondi quotando Rispondi quotando
  4. 20-03-2007, 13:05 #4
    Mich_
    Mich_ non è in linea
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Molto rigido nel senso che non c'e` spazio per qualche pixel in piu`.
    Vuol dire che se ci sono bordi o padding, anche eventualmente inseriti dai browser, la cosa non ci sta. Qui sotto la differenza piu` grossa tra i box model dei vari browser.
    La larghezza totale di un blocco (browser standard) e` data da:
    margin + border + padding + width + padding + border + margin
    In IE (quirks mode) invece e` data da:
    margin + width + margin (border e padding fanno parte di width)

    Prova quindi a dare piu` spazio ai contenitori (o a ridurre i blocchi piu` interni)

    E comunque errori ne ho visti.
    Il tag <a> e` di tipo inline, non supporta quindi width e height.
    Puoi trasformarlo in tipo blocco, mediante
    display:block;
    Prova a metterlo nel #scritte a {...}, e vedi come reagisce.

    Anche il
    top:0; left:0;
    del #scritte ul { ...} non ha senso: li puoi usare solo se il blocco e` posizionato, cosa che pero` non fai.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati
    Rispondi quotando Rispondi quotando
  5. 20-03-2007, 13:28 #5
    salvox150
    salvox150 non è in linea
    Utente di HTML.it L'avatar di salvox150
    Registrato dal
    Mar 2007
    Messaggi
    243
    Io ho notato che invece ti manca il DTD, potrebbe essere questo il problema? Fai una prova con:
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    Magari generando il codice l'hai scordato (se fai la prova di incollare questo pezzo rimuovi il tag <html> di apertura)
    Tematicaweb
    Rispondi quotando Rispondi quotando
« Discussione precedente | Prossima discussione »

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  

Regole del Forum

Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.