Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 16

Discussione: CSS e Firefox

  1. #1
    Utente di HTML.it L'avatar di Jigen
    Registrato dal
    Feb 2006
    Messaggi
    547

    CSS e Firefox

    Salve, nel valutare la compatibilità dei CSS con Firefox, ho potuto riscontrare alcuni problemi di visualizzazione delle pagine web tra IE e FF.

    Questo di seguito è il foglio di stile con il quale gestisco l'intera pagina web:

    codice:
    .testo
    {
    font-family:Verdana, Arial, 'Times New Roman', sans-serif;
    font-size:12px;
    color:#000000;
    }
    
    
    body
    {
      background-image: url(sfondo.gif);
    }
    
    #header
    {
      top : 10 px;
      height: 275 px;
      width: 772 px;
    
      background-image: url(header.jpg);
    }
    
    #navigazione
    {
      top : 285 px;
      height: 45 px;
      width: 772 px;
    }
    
    #contenuti
    {
      top : 332 px;
      position: absolute;
      height: 233 px;
      width: 562 px;
      right: 36%;
      table-layout : fixed;
      background : #e6e6e6;
      text-align: justify;
      padding: 10px;
    }
    
    #contenuti2
    {
      top : 332 px;
      position: absolute;
      height: 233 px;
      width: 220 px;
      right: 19%;
      table-layout : fixed;
      background : #e6e6e6;
      text-align: justify;
      padding: 10px;
    }

    Questa è invece la pagina web:

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <link href="stile.css" rel="stylesheet" type="text/css">
    <title>Sito CSS</title>
    </head>
    
    <body>
    
    <center>
    <div id="header"> </div>
    
    <div id="navigazione">
    [img]../myproject/pulsa.gif[/img][img]../myproject/servizi.gif[/img][img]../myproject/portfolio.gif[/img][img]../myproject/contatti.gif[/img][img]../myproject/final-pulsa.gif[/img] 
    </div> </center>
    
    <div id="contenuti"> <span class="testo"> TESTO.... 
    
    
    hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow 
    hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow
    hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow
    hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow
    hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow
    </span> </div>
    
    <div id="contenuti2"> <span class="testo"> TESTO 2.... 
    
    
    hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow 
    hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow
    hfwoiwhfiw ifwifhqwfh owfoiqw owihf owfhqiwfo fhowfowh fo qwhowfhq owf whfq owhfqow
    </span> </div>
    
    
    </body>
    
    </html>
    Nella risposta che segue allego una screenshot della pagina vista con IE ed una vista con FF.

  2. #2
    Utente di HTML.it L'avatar di Jigen
    Registrato dal
    Feb 2006
    Messaggi
    547
    Immagine in allegato.
    Immagini allegate Immagini allegate

  3. #3
    Utente di HTML.it L'avatar di Jigen
    Registrato dal
    Feb 2006
    Messaggi
    547
    Internet Explorer screenshot
    Immagini allegate Immagini allegate

  4. #4
    Utente di HTML.it L'avatar di Jigen
    Registrato dal
    Feb 2006
    Messaggi
    547
    Nessuno in grado di aiutarmi?

  5. #5
    stai sbagliando a scrivere le misure

    10px è giusto
    10 px è sbagliato


  6. #6
    Utente di HTML.it L'avatar di Jigen
    Registrato dal
    Feb 2006
    Messaggi
    547
    Grazie davvero "mucu"!!!

    Ora la pagina si vede correttamente in entrambi i browser, peccato solo che la porzione grigia sotto i pulsanti non risulta allineata bene con il resto degli elementi della pagina.

    Il comando "right: 36px" per spostare un div ed allinearlo ad altri non viene riconosciuto in egual modo dai browser in questione??

    Grazie ancora, rimango in attesa di una Vs risposta alla mia ultima domanda.

  7. #7
    right: 36px letteralmente significa: se ho posizionamento assoluto sto a 36px dal bordo destro del blocco contenitore relativo.

    Regolati di conseguenza.

  8. #8
    Utente di HTML.it L'avatar di Jigen
    Registrato dal
    Feb 2006
    Messaggi
    547
    Grazie per la spiegazione "sgro".

    Vorrei poter distanziare alcuni elementi dal bordo destro, ma allo stesso tempo vorrei che le impostazioni date venissero rispettate da entrambi i browser, come posso fare sostanzialmente?

    Grazie!

  9. #9
    Utente di HTML.it L'avatar di Jigen
    Registrato dal
    Feb 2006
    Messaggi
    547
    Nessuno?

    Vorrei poter distanziare alcuni elementi dal bordo destro, ma allo stesso tempo vorrei che le impostazioni date venissero rispettate da entrambi i browser, come posso fare sostanzialmente?

  10. #10
    non so se ho capito bene cosa vorresti fare ma perchè non provi ad usare margin-right? oppure il margin-left sul div che sta a destra ....

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