Problemi con firefox

[francesco87]

Ho completato un sito fatto in xhtml e css con internet explorer il sito viene visualizzato correttamente, ma con firefox invece no, infatti alcuni div vengono spostati e quindi anche tutti i contenuti. Sapete come posso risolvere il problema? ( i div spostati sono quelli che costituiscono la parte in alto del sito dove c'è il titolo e lo spazio per effettuare il login al sito. Questa parte è uguale quasi per tutte le pagine del sito quindi la trovo tutta in disordine in quasi tutte le pagine, mentre tutto il resto della pagina viene visualizzato correttamente. Perchè?)

[Myaku]

Senza codice è piuttosto difficile darti una mano (anche il link alla pagina va bene).
Comunque, tieni presente che è FF che interpreta correttamente il tuo codice. Ciò che vede è ciò che tu hai "scritto".

[francesco87]

Questo è la pagina stile relativa ai div che vengono spostati su firefox:

div#header2{
margin-top: 0px;
width: 1000px;
height: 117px;
background-image: url(immagini/sfondo01.jpg); background-repeat: repeat-x;
}

div#titolo2{
margin-top: -80px;
margin-left: 100px;
width: 205px;
height: 51px;
background-image: url(immagini/titolo.jpg); background-repeat: no-repeat;
}

div#benvenuto{
margin-top: -75px;
margin-left: 600px;
width: 290px;
height: 15px;
}

.benvenuto{
font: 12px georgia, arial; color: white;
}

div#login1{
margin-top: 0px;
margin-left: 600px;
width: 290px;
height: 85px;
background-image: url(immagini/login.jpg); background-repeat: no-repeat;
}

div#login2{
margin-top: -80px;
margin-left: 720px;
width: 200px;
height: 80px;
}

.benvenuto2{
font: 10px georgia, arial;
}

div#login3{
margin-top: -45px;
margin-left: 720px;
width: 200px;
height: 50px;
}

div#logout{
margin-top: -110px;
margin-left: 930px;
}

div#menu{
margin-top: 32px;
margin-left: 0px;
width: 1000px;
height: 25px;
background-image: url(immagini/sfondo02.jpg); background-repeat: repeat-x;
}

div#scheda{
margin-top: -20px;
margin-left: 100px;
width: 120px;
height: 25px;
}

div#mail{
margin-top: -24px;
margin-left: 220px;
width: 70px;
height: 25px;
}

div#ricerca{
margin-top: -26px;
margin-left: 340px;
width: 60px;
height: 25px;
}

div#sms{
margin-top: -25px;
margin-left: 450px;
width: 70px;
height: 25px;
}

div#amicizie{
margin-top: -25px;
margin-left: 570px;
width: 70px;
height: 25px;
}

div#foto{
margin-top: -25px;
margin-left: 680px;
width: 100px;
height: 25px;
}

div#abbonati{
margin-top: -25px;
margin-left: 820px;
width: 80px;
height: 25px;
}

div#messaggi{
margin-top: 5px;
margin-left: 110px;
width: 265px;
height: 100px;
background-image: url(immagini/sfondo03.jpg); background-repeat: no-repeat;
}

div#messaggi2{
margin-top: -115px;
margin-left: 250px;
}

div#messaggi3{
margin-top: -12px;
margin-left: 190px;
}

div#messaggi4{
margin-top: -17px;
margin-left: 190px;
}

div#messaggi5{
margin-top: -40px;
margin-left: 320px;
}

div#visite{
margin-top: -80px;
margin-left: 50px;
width: 265px;
height: 100px;
background-image: url(immagini/sfondo03.jpg); background-repeat: no-repeat;
}

div#visite2{
margin-top: -115px;
margin-left: 230px;
}

div#visite3{
margin-top: -12px;
margin-left: 130px;
}

div#visite4{
margin-top: -17px;
margin-left: 130px;
}

div#visite5{
margin-top: -40px;
margin-left: 265px;
}

div#servizi{
margin-top: -80px;
margin-left: 310px;
width: 260px;
height: 100px;
background-image: url(immagini/sfondo03.jpg); background-repeat: no-repeat;
}

div#servizi2{
margin-top: -110px;
margin-left: 210px;
}

div#servizi3{
margin-top: 0px;
margin-left: 205px;
}

div#iscritti1{
margin-top: 5px;
margin-left: -210px;
height: 30px;
background-image: url(immagini/iscritti01.jpg); background-repeat: no-repeat;
}

div#iscritti2{
margin-top: -22px;
margin-left: -190px;
height: 30px;
}

.iscritti{
font: 12px georgia, arial; color: red;
}

div#statistiche{
margin-top: -38px;
margin-left: 51px;
height: 30px;
background-image: url(immagini/statistiche.jpg); background-repeat: no-repeat;
}

div#statistiche2{
margin-top: -22px;
margin-left: 65px;
height: 30px;
}

div#nick{
margin-top: -38px;
margin-left: 312px;
height: 30px;
background-image: url(immagini/statistiche.jpg); background-repeat: no-repeat;
}

[francesco87]

ho provato a cancellare da una delle pagine web tutto il codice html lasciando solo la struttura base cioe:
<html>
<head><title></title>
</head>
<body>
</body>
</html>

ed accede una cosa stranissima su explorer ovviamente la pagina compare bianca, su firefox invece non compare bianca ma come se non avessi cancellato nulla. E una cosa veramente strana...

[Myaku]

Originariamente inviato da francesco87
ho provato a cancellare da una delle pagine web tutto il codice html lasciando solo la struttura base cioe:
<html>
<head><title></title>
</head>
<body>
</body>
</html>

ed accede una cosa stranissima su explorer ovviamente la pagina compare bianca, su firefox invece non compare bianca ma come se non avessi cancellato nulla. E una cosa veramente strana...

svuotato la cache?
ci manca l'html a cui il css fa riferimento, altrimenti non possiamo vedere in pratica l'errore e fare i test. comunque, tieni sempre presente quanto ti ho detto sull'interpretazione dei browser

[francesco87]

adesso ho svuotato la cache ed è tutto bianco. Ecco l'html:

<?xml version="1.0">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>AmoreAmare</title>
<style>
@import url(stile.css);
</style>
</head>
<body>

<div id="container">

<div id="header2">
</div>

<div id="titolo2">
</div>

<div id="benvenuto">
<p class="benvenuto">Benvunuto Kibb!</p>
</div>

<div id="login1">
[img]immagini/ragazzo.jpg[/img]
</div>

<div id="login2">
<p class="benvenuto2">[img]immagini/cartella.jpg[/img]Nuovi Messaggi(1)</p>
</div>

<div id="login3">
<p class="benvenuto2">[img]Immagini/stella.jpg[/img]Nuove Visite(1)</p>
</div>

<div id="logout">
[img]immagini/logout.jpg[/img]
Log Out
</div>

<div id="menu">
</div>

<div id="scheda">
<p class="benvenuto">Scheda</p>
</div>

<div id="mail">
<p class="benvenuto">Mail Box</p>
</div>

<div id="ricerca">
<p class="benvenuto">Ricerca</p>
</div>

<div id="sms">
<p class="benvenuto">SmS Box</p>
</div>

<div id="amicizie">
<p class="benvenuto">Amicizie</p>
</div>

<div id="foto">
<p class="benvenuto">Zapping Foto</p>
</div>

<div id="abbonati">
<p class="benvenuto">Abbonati</p>
</div>

<div id="messaggi">
[img]immagini/ragazzo2.jpg[/img]
</div>

<div id="messaggi2">
<p class="benvenuto">Nuovi messaggi</p>
</div>

<div id="messaggi3">
<p class="benvenuto">Viola71</p>
</div>

<div id="messaggi4">
<p class="benvenuto">Età34</p>
</div>

<div id="messaggi5">
[img]immagini/pulsante01.jpg[/img]
<div>

<div id="visite">
[img]immagini/ragazzo2.jpg[/img]
</div>

<div id="visite2">
<p class="benvenuto">Le mie visite</p>
</div>

<div id="visite3">
<p class="benvenuto">Viola71</p>
</div>

<div id="visite4">
<p class="benvenuto">Età34</p>
</div>

<div id="visite5">
[img]immagini/pulsante01.jpg[/img]
</div>

<div id="servizi">
</div>

<div id="servizi2">
<form method="get" action="sito">
<p class="benvenuto" align="center">Menu
<select>
<option value="scegli">Scegli dall'elenco</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</p>
</form>
</div>

<div id="servizi3">
<form method="get" action="sito">
<p class="benvenuto" align="center">Servizi
<select>
<option value="scegli">Scegli dall'elenco</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</p>
</form>
</div>

<div id="iscritti1">
</div>

<div id="iscritti2">
<p class="iscritti">Iscritti Online</p>
</div>

<div id="statistiche">
</div>

<div id="statistiche2">
<p class="benvenuto">Le mie statistiche</p>
</div>

<div id="nick">
<form method="get" action="sito">
<p class="benvenuto">Cerca Nick <input type="text" /></p>
</form>
</div>