Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 12
  1. #1
    Utente di HTML.it L'avatar di Uanne
    Registrato dal
    Nov 2001
    Messaggi
    483

    Problemi visualizzazione Firefox

    Sto provando a fare una pagina html con i 'div' e già all'inizio ho problemi...

    Questo è il foglio di stile:
    body {
    background-color: white;
    text-align: center;
    margin: 0px;
    }
    #container{
    width: 600px;
    height: auto;
    background-color: #2B46A4;
    padding: 12px;
    text-align: center;
    }
    #header{
    width: 400;
    background-color: #cccccc;
    font-family: "Courier New", Courier, monospace;
    color: black;
    font-size: 77%;
    padding: 12px;
    font-weight: bold;
    line-height: 16px;
    text-align: left;
    }
    Questo è l'html:
    <div id=container><div id=header>testo di prova</div></div>
    Questo è il risultato corretto con IE:



    Questo è il risultato sbagliato con Firefox:



    Dove sbaglio? :master:
    A me mi dà la carica, agli italiani gli dà la carica

  2. #2
    #container{
    width: 600px;
    margin: 0 auto;
    background-color: #2B46A4;
    padding: 12px;
    text-align: center;
    }

  3. #3
    Utente di HTML.it L'avatar di Uanne
    Registrato dal
    Nov 2001
    Messaggi
    483
    Grazie per la pronta risposta adesso funziona e anche applicando quella proprietà all'header...
    Mi spiegheresti in 2 parole cosa fa quella proprietà?
    A me mi dà la carica, agli italiani gli dà la carica

  4. #4
    Utente di HTML.it L'avatar di Marcolino's
    Registrato dal
    May 2003
    residenza
    Udine
    Messaggi
    3,606
    margin: 0 auto, permette di mettere il top a 0 pixel dal bordo superiore della finestra e di conseguenza di mettere in automatico le altre misure restanti (left - bottom - right) aggiustandole alla misura che rimane, tra il bordo della finestra attuale e il bordo del tuo box.
    In pratica centrandolo.

  5. #5
    equivale a scrivere:
    margin: 0 auto 0 auto;
    top right bottom left

    e non è firefox che sbaglia ma IE....


    a proposito di Firefox... per chi ha una connessione ADSL

    qui

    ci sono alcuni consigli per velocizzarlo...

  6. #6
    Utente di HTML.it L'avatar di Uanne
    Registrato dal
    Nov 2001
    Messaggi
    483
    Grazie della spiegazione. Però ho visto che, togliendo lo 0 e scrivendo 'margin: auto' e basta, funziona lo stesso.
    Vabbè, poco importa, l'importante è che sia a posto
    A me mi dà la carica, agli italiani gli dà la carica

  7. #7
    si perché rende uguali il margine destro e sinistro.. come quello superiore ed inferiore..

  8. #8
    Utente di HTML.it L'avatar di Uanne
    Registrato dal
    Nov 2001
    Messaggi
    483
    ah ok...adesso stavo provando a fare degli esperimenti:
    togliendo i 'text-align:center', su IE se ne va tutto a sinistra, Firefox invece mantiene la centratura.

    Interessante l'articolo, adesso provo a farlo velocizzare
    A me mi dà la carica, agli italiani gli dà la carica

  9. #9
    Utente di HTML.it L'avatar di Uanne
    Registrato dal
    Nov 2001
    Messaggi
    483
    Originariamente inviato da carp
    a proposito di Firefox... per chi ha una connessione ADSL

    qui

    ci sono alcuni consigli per velocizzarlo...
    va velocissimo VVoVe: pazzesco...
    A me mi dà la carica, agli italiani gli dà la carica

  10. #10
    si anche a me sembra più veloce

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.