Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2008
    Messaggi
    34

    Padding che varia la larghezza..

    Ciao, ho creato tramite foglio di stile un... "rettangolo" :

    codice:
    div#rettangolo 
    { 
    width: 200px; 
    padding: 2px; 
    margin: 0; 
    background: #ddd 
    }
    Il problema è che mentre su Internet Explorer mi visualizza tutto normale, cioè, padding 2px e larghezza 200px, su FireFox il padding di destra e di sinistra (in totale 4px) variano la larghezza (width) portandola da 200px a 204px.

    Spero di esser stato chiaro. Grazie in anticipo, ciao!

  2. #2
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Come vedi è 204 anche con IE
    Immagini allegate Immagini allegate
    • Tipo di file: jpg 1.jpg‎ (16.3 KB, 10 visualizzazioni)

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2008
    Messaggi
    34
    ... Ma puoi dirmi il nome di quel programma che misura i pixel nello schermo?

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188

    Re: Padding che varia la larghezza..

    Originariamente inviato da culsd
    Il problema è che mentre su Internet Explorer mi visualizza tutto normale, cioè, padding 2px e larghezza 200px, su FireFox il padding di destra e di sinistra (in totale 4px) variano la larghezza (width) portandola da 200px a 204px.
    Quello di FF e degli altri browser e` il comportamento corretto specificato dalle norme CSS del W3C.
    Invece IE si conforma alle regole solo se la DTD e` XHTML Strict, altrimenti segue la "regola Microsoft" (compatibile con i browser IE piu` vecchi).

    Quindi in pratica devi fare i conti con le regole W3C.
    Poi se puoi usare XHTML Strict dovrebbe andare bene dappertutto, altrimenti devi usare i commenti condizionali per "correggere" le misure per IE
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.