Visualizzazione dei risultati da 1 a 10 su 10

Discussione: problema margini ie

  1. #1
    Utente di HTML.it L'avatar di leo096
    Registrato dal
    Mar 2007
    Messaggi
    22

    problema margini ie

    Un saluto a tutto il forum,spero di aver scritto nella sezione giusta.
    Allora innanzitutto premetto che non apro spesso discussioni sui forum,in quanto cerco sempre di risolvere facendo varie ricerche sul web,ma questa volta non ci sono riuscito...
    Ho un problema di margini con il solito ie6
    Allora in pratica ho un div(header),che contiene una semplice immagine:



    <div id="header">
    [img]immagini/header.gif[/img]
    </div>


    Subito dopo inserisco un altro div,dove appunto dovrei posizionare il menu :



    <div style="background-color:#790101;width:700px; height:auto;margin:auto">
    HOME-CONTATTI ecc...
    </div>

    tra questi due div che vi ho postato ho il problema di margini di cui vi parlavo,cioè con ie viene impostato un margine di circa 4px
    Tengo a precisare che non sto utilizzando fogli di stile esterni perchè sono solo delle prove.
    Ecco cosa ho provato a fare per risolvere il problema,senza alcun successo:
    -Ho impostato i margini a zero
    -Impostato "overflow:hidden"
    -"display:inline" (anche se so che di solito si utilizza con i float..)
    ed infine ho provato ad impostare un margine superiore negativo,risolvendo si il problema con explorer,ma ritrovandomi appunto con i margini sfasati con firefox
    Spero di essere stato abbastanza chiaro,e soprattutto che qualcuno possa aiutarmi
    Grazie in anticipo a tutti per la disponibilità

  2. #2
    Ciao,
    il margine che hai di troppo presumo che sia quello dell'immagine. Puoi risolverlo semplicemente andando "a capo" così:
    codice:
    <div id="header">
    [img]immagini/header.gif[/img]
    
    </div>
    Alessandro
    Full Stack Developer presso Advice Lab
    Bonus Bitcoin
    Moon Bitcoin

  3. #3
    Se il problema è di IE allora usa un CSS hack piuttosto che creare un problema agli altri browser laddove non c'è!
    Puoi far ricorso ai commenti condizionali.

  4. #4
    Utente di HTML.it L'avatar di leo096
    Registrato dal
    Mar 2007
    Messaggi
    22
    magicale ho provato a fare come mi suggerisci,ma il problema non si è risolto,grazie lo stesso..
    @H5N1: ho cercato un pò sul web,ho provato anche ad applicarli questi commenti condizionali,ma non riesco a risolvere il problema,saresti così gentile da dirmi come posso applicarli al mio caso?cioè dovrei mettere un commento che vale solo per ie,dove dichiaro un margine superiore di -4px,giusto?

  5. #5
    Giusto.
    Tra i commenti condizionali andrai ad inserire il codice da applicare solo ad IE.

  6. #6
    Utente di HTML.it L'avatar di leo096
    Registrato dal
    Mar 2007
    Messaggi
    22
    Ci ho provato,ma niente...forse sbaglio qualcosa
    allora ho creato un foglio di stile esterno(style2.css),dove ho impostato il margine del div in questione a -3px
    poi ho inserito nella pagina principale questa condizione:
    <!--[if IE 5]>
    <link rel="stylesheet" type="text/CSS" href="style2.CSS">
    <![endif]-->

    cosa ho sbagliato?

  7. #7
    Perchè il tuo commento condizionale si applica solo ad Internet Explorer 5
    Usa invece l'espressione <!--[if lte IE 6]>
    Spiegazioni dettagliate puoi trovarne qui:
    http://www.quirksmode.org/css/condcom.html

  8. #8
    Utente di HTML.it L'avatar di leo096
    Registrato dal
    Mar 2007
    Messaggi
    22
    niente da fare,ho provato anche a mettere solo "IE" senza specificare la versione..
    ho provato ad inserire la condizione stesso nel foglio di stile esterno originale,ma niente...
    sto impazzendo
    aiutami se puoi,e grazie infinite per la disponibilità!!

  9. #9
    Se la pagina in questione è online sarebbe meglio avere un link.

  10. #10
    Utente di HTML.it L'avatar di leo096
    Registrato dal
    Mar 2007
    Messaggi
    22
    non è on line,ho risolto comunque,in pratica non andava perchè avevo impostato "margin:auto" nel div che si trova nella pagina principale,quindi il browser non prendeva in considerazione il margine che avevo impostato nel foglio di stile...
    comunque ti ringrazio molto,mi sa che da oggi dovrò usare spesso questi commenti condizionali...
    ciao e grazie ancora..

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.