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

    valori differenti tra browser

    salve sto notando che tra i diversi browser i valori cambiano, mi spiego meglio:

    ho un tag button
    <button class="btHome" type="submit">Invia</button>

    ho questo css:

    button.btHome {
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    padding:5px 10px;
    background-color:#FF0000;
    border:solid 1px;
    border-color:#FF9393 #950000 #950000 #FF9393;
    }

    il paddig con Chrome, Safari, e Mozille si vede bene mentre con IE e Opera si vede più alto.

    Chrome, Safari e Mozilla:


    IE e Opera:


    come si vede in IE ed Opera l'altezza è in più.

  2. #2
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    hai messo un DOCTYPE all'inizio del tuo documento?

  3. #3
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  4. #4
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    prova a metterne uno di tipo strict anzichè transitional

  5. #5
    ho inserito:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

    ma nulla sempre uguale.

  6. #6
    Moderatrice di CSS L'avatar di ResianTaxidrive
    Registrato dal
    Oct 2007
    residenza
    Udine
    Messaggi
    2,766
    non so se è proprio corretto, dovrebbe essere

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  7. #7
    Utente di HTML.it
    Registrato dal
    Jan 2006
    Messaggi
    526
    Ho provato il tuo codice ma ottengo un pulsante con fondo rosso e senza angoli arrotondati (e guardando bene il codice è ovvio....) quindi il codice che hai postato non è proprio quello del pulsante dello screenshot.
    Fai così, posta un link con una pagina con solo il pulsante presente.. così almeno è possibile provare il problema in tempo reale, poi vediamo...

  8. #8
    Imposta height e line-height.

  9. #9
    andate qui e vedete il problema:

    http://www.ahrarara.it

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.