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

Discussione: Altezza DIV 1px, come?

  1. #1

    Altezza DIV 1px, come?

    E' da mezz'ora che giro il forum e google ma non trovo niente.

    Per fare una riga con un DIV utilizzo questo metodo

    div#riga{height:1px;font-size:1px}

    peccato che in IE6 la riga sia alta 2 pixel.

    mentre in FF e IE7 funzione tutto ok.

    come lo risolvo, grazie?


  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non sono sicuro, ma fa' una prova con
    font-size: 0;
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    ho provato a mettere insieme


    font-size:0;line-height:0;

    e poi uno alla volta

    ma non funziona.

  4. #4
    ...e che te ne fai di un div di 1px?

    se quello che vuoi ottenere è una linea (che eviti i capricci cross-browser di delle horizontal rules), forse fai prima a tenerti il div di 2px applicando il border-bottom (oppure il border-top) di 1px......
    «Prendo rifugio nel grande BOH»

  5. #5
    Mi serve per fare una riga.

    Con hr le diversità fra i browser sono un rompimento. Quindi pensavo che con un div alto 1px si potesse aggirare i vari problemi derivanti dal metodo convenzionale.

    Vedo che però IE6 interpreta in modo un po' strano l'altezza di un div così bassa. Ora provo a seguire i tuoi consigli.


  6. #6
    niente da fare.

    Sono costretto a tornare all'hr.

    Le ho provate tutte



  7. #7
    un div che non prende il border?!? :master:

    mah..... non so che dire.....
    «Prendo rifugio nel grande BOH»

  8. #8
    Originariamente inviato da mahamatt
    un div che non prende il border?!? :master:

    mah..... non so che dire.....
    con height:1px ci sono diversi problemi.


  9. #9
    Utente di HTML.it L'avatar di salasir
    Registrato dal
    Apr 2004
    Messaggi
    1,887
    Stavo litigando giusto questa mattina con un div di 5px che IE rendeva ad almeno 15/20px.
    Il suggerimento di indicare font-size: 0px; ha funzionato perfettamente.

    Prova eventualmente ad inserire margin:0; padding:0;
    Maurizio

    "se ami il lavoro che fai, non lavorerai mai un giorno in vita tua!"

  10. #10
    Originariamente inviato da salasir
    Stavo litigando giusto questa mattina con un div di 5px che IE rendeva ad almeno 15/20px.
    Il suggerimento di indicare font-size: 0px; ha funzionato perfettamente.

    Prova eventualmente ad inserire margin:0; padding:0;
    E questo funziona anche me.
    Il problema è quando imposti l'altezza di 1px.

    Da 2px in su, mettendo font-size:0; su tutti i browser, l'altezza è uguale.

    Il problema è 1px

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