Differenze Firefox e IE

**aswreee** · 24-05-2007, 01:44

Aiuto :S

Non sono alle prime armi con i CSS ma neanche un esperto, sto creando un sito e vorrei renderlo compatibile con IE e Firefox. L'ho costruito controllandolo con firefox e tutto procedeva bene. Ma quando l'ho visitato tramite IE le differenze ci sono e si notano

Il codice del mio CSS(per il quale ringrazio anche html.it per le info sul layout fluido) è :

Codice PHP:


/*Layout Fluido*/

html,body{margin: 10;padding:0}

body{background: url(background.jpg);}



/*Header*/

div#header{height: 100px;background-image: url(headercenter.gif);margin-left: 20px;margin-right: 18px;}

img.hr {float: right;margin-right: -18px;}

img.hl {float: left;margin-left: -20px;}



/*Navigazione*/

div#navigation{float:left;width: 200px;background-image: url(navback.gif);}

img.nt {float:right;margin-top: -6px;}



/*Contenuto*/

div#content{margin-left: 200px;}

img.hb {height: 6px;margin-top: -6px;width:98%;}



/*Footer*/

div#footer{clear:left; text-align:center; padding: 0.5em;

    background-color: #69c; color: #000}

e potete vederne il risultato qua : http://coggi.altervista.org/index.php .

Ho notato che Explorer interpreta diversamente la parte sui margini negativi, facendo scomparire le immagini fuori dai div, di fatto le immagini ci sono ma spariscono "sotto" l'immagine di sfondo.
Qualcuno sa aiutarmi a far si che il codice vada bene e con il medesimo risultato anche su IE?
Oppure, crearne un altro specifico per IE che poi posso passare al browser mediante un piccolo controllo PHP.

Ogni aiuto è ben accetto,

vi ringrazio in anticipo

Cosimo

**Myaku** · 24-05-2007, 07:46

Originariamente inviato da aswreee
Oppure, crearne un altro specifico per IE che poi posso passare al browser mediante un piccolo controllo PHP.

per passare al browser mediante controllo php che intendi? che fai rilevare il tipo di browser utilizzato dall'utente?
Perchè se è così, ti basta utilizzare i commenti condizionali (fai una ricerca che sicuramente se ne sarà già parlato) per fare sì che Explorer interpreti lo stile creato appositamente per lui.

**aswreee** · 24-05-2007, 13:31

Grazie, penso di aver capito quello che intendi, e ci darò un occhiata.

Però il problema principale rimane il CSS in se, come devo modificare quello postato per far si che abbia lo stesso effetto su Explorer?

Grazie mille

**Myaku** · 24-05-2007, 13:40

senza vedere anche l'html è un po' difficile farti dei test. Comunque, assunto che il css funziona con i browser standard, puoi provare creando da zero un nuovo stile testandolo mano a mano che lo crei solo con IE, fino a che ti ritroverai un css che funziona bene su Explorer e, come detto prima, te lo importi con i CC.

**aswreee** · 24-05-2007, 15:10

Eh, è questo il problema, io ci ho provato a modificarlo per Explorer ma non ci sono riuscito e non so come fare

Cmq l'html di quella pagina è questo :

Codice PHP:


<html>

<head>

<title>Coggi World</title>

</head>

<body>

    <div id="container">

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

        <div id="navigation">[img]navrighttop.gif[/img]




















</div>

        <div id="content">[img]headerbottom.gif[/img]</div>

        <div id="footer">Footer</div>

    </div>

</body>

</html>

**Myaku** · 24-05-2007, 19:24

VVoVe: maronna che sono tutti quei
?!
ci manca anche il doctype

**aswreee** · 24-05-2007, 20:07

i
sono per provare lo sfondo del div navigation, chiaramente poi saranno rimossi.

Nessuno puo aiutarmi?

Discussione: Differenze Firefox e IE

Strumenti discussione

Ricerca discussione

Visualizza

Differenze Firefox e IE

Re: Differenze Firefox e IE

Permessi di invio