- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- problema margini con ie6
-
problema margini con ie6
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 src="immagini/header.gif" /> </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>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à
-
Dunque la soluzione è fare due fogli di stile, uno per il dannato Ie e uno per firefox con i commenti condizionali.
Qui inserisci tutto il codice testato su firefox:
<link href="css/stile.css" rel="stylesheet" type="text/css" /> ```Mentre di qua, SOLO se in Ie6 carichi un altro foglio di stile che modificherà i paramentri diversi..
<!--[if IE 6]>
<link href="css/stileIe6.css" rel="stylesheet" type="text/css" />
<![endif]-->Spero di essere stato chiaro! ciao!