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

    <H1> diverso in IE e firefox

    Ho un div d'intestazione nel quale vorrei mettere il titolo con H1.
    se lo vedo in IE stranamente tutto ok, se lo vedo in Firefox, Safari e Chrome invece mi viene più in basso del'inizio del Div.

    alchè ho messo uno span che lo ocntiene da poter posiizionare, ma ugualemtne se lo posiziono correttamente per safari, firefox, chrome in ie a questo punto mi viene più in alto del punto dove lo vorrei.
    Come mai ?
    Posto il codice ed il CSS.
    Grazie
    - Kiko -

    Codice PHP:
    <div id="eventotitolo"><span id="eventoh1"><h1>Anastacia </h1></span></div>

    #eventotitolo{
        
    position:absolute;
        
    top:0px;
        
    left:10px;
        
    width:520px;
        
    height:35px;
        
    border-bottom1px solid black;
    }
    #eventoh1{
        
    position:absolute;
        
    top:0px;
        
    left:0px;
    }

    #eventotitolo h1{
        
    font-size:26px;
        
    font-weight:bold;    

    .....vivi nel rispetto di chi vive nel rispetto degli altri ......

  2. #2
    Allego uno screen shot
    Immagini allegate Immagini allegate
    .....vivi nel rispetto di chi vive nel rispetto degli altri ......

  3. #3
    Ma il posizionamento è necessario? Altrimenti potresti cavartela con:

    Codice PHP:
    <h1 id="eventotitolo">Anastacia</h1
    Codice PHP:
    h1#eventotitolo{
       
    width:520px;
       
    height:35px;
       
    border-bottom:1px solid black;
       
    font-size:26px;
       
    font-weight:bold;

    che dovrebbe avere lo stesso effetto.

  4. #4
    Hai annullato margini e padding dell'h1? Perché mentre IE li fa ERRONEAMENTE collassare a seconda della situazione, Firefox e gli altri non lo fanno.

    Tutti gli elementi a livello di blocco (p, h1, h2, h3, form, ecc., tranne i div) hanno margini verticali di default che è meglio sempre annullare (o impostare esplicitamente al valore che serve):

    codice:
    h1 {
    padding: 0;
    margin: 0;
    }

  5. #5
    Posizionare un elemento h1 dentro uno span di per sé non ha senso (è come tentare di far entrare un camion in una busta da lettere) oltre a rendere invalidabile la pagina.

    Detto questo probabilmente il tuo problema è risolvibile, come ha già suggerito squall almeno in parte, con un reset.
    Per reset intendo un metodo per azzerare le impostazioni di default dei browser.
    C'è chi usa semplicemente:
    codice:
    * {
    margin:0;
    padding:0;
    }
    o chi, come me, preferisce il reset di Eric Meyer o quello di Yahoo! .
    L’uovo ha una forma perfetta benché sia fatto col culo. (Bruno Munari)

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.