Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 18
  1. #1

    height non funziona su IE

    Ciao a tutti, sto impazzendo .

    Vorrei sapere perchè la proprieta height su explorer non funziona. Io ho bisogno di creare una serie di righe orizzontali (di uguale altezza, ma di differente lareghezza) come separatori delle voci di un menù.
    Quindi sull'html scrivo così:

    </style>
    [img]images/el_layout/services.gif[/img]


    <span class="tasto">galleria</span>
    <div class="riga_grigia" style="width:95px; height:1px;">
    </div>
    <span class="tasto">prenotazioni</span>
    <div class="riga_grigia" style="width:110px; height:1px;">
    </div>
    <span class="tasto">archivio</span>
    <div class="riga_grigia" style="width:100px;">
    </div>
    <span class="tasto">prezzi</span>
    <div class="riga_grigia" style="width:90px;">
    </div>
    <span class="tasto">contatti</span>
    <div class="riga_grigia" style="width:75px;">
    </div>
    <span class="tasto">links</span>


    e sul css scrivo così:

    .riga_grigia {
    background-color: #888;
    height:1px;
    }


    Ovviamente su FF tutto funziona alla perfezione mentre su IE non funziona proprio una se*a.

    Qualcuno sa dirmi il perchè?
    Grazie in anticipo.
    g.

  2. #2
    (Modifico togliendo il suggerimento sbagliato)

    Hai provato con un <hr> anziché un div?

    Aloha
    F.

  3. #3
    vecchia storia! IE in altezza ti mette sempre l'altezza del carattere, anche se non c'è scritto niente, dovresti mettere font-size: 0;

    Però credo ci siamo metodi migliori di quello che stai usando, perché non usi semplicemente i bordi?

  4. #4
    non uso i bordi perchè ogni righina ha una larghezza diversa dall'altra e la lunghezza della riga non dipende dalla lunghezza di ciò che è contenuto nello span sovrastante.
    Ciò che voglio ottenere lo puoi vedere qui, ma solo se lo guardi con Fire Fox.

  5. #5
    ho provato con hr, ma è ancora peggio.

  6. #6
    Hai ragione... scusami, ho dimenticato che gli <hr> si portano dietro dei margini molesti che non si riescono a ridurre :/

    Cià
    F.

  7. #7
    Qualcuno ha un'altra idea?

  8. #8
    Il suggerimento di awd non ha funzionato?

    (non quello dei bordi, quello di mettere il font-size a 0)

    Cips
    F.

  9. #9
    Originariamente inviato da Effepi
    Il suggerimento di awd non ha funzionato?

    (non quello dei bordi, quello di mettere il font-size a 0)

    Cips
    F.
    appunto!


    @Effepi: ma quando finirai le frasi di saluto come farai?

  10. #10
    Ho provato con font-size: 0;. E devo dire che funziona, ma purtroppo me lo porta ad altezza 2px o 3 e non ad 1px. Hai un'altra soluzione???

    ...forse potrei usare un'immagine, ma sinceramente mi sembra assurdo!

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.