Incompatibilità tra i browser

**CiRi..Cuber** · 26-12-2010, 04:24

Ciao a tutti..ho notato un problema grave..che nel mio sito [href]www.loveessence.altervista.org[/href] c'è un' incompatibilità tra i vari browser dato che io lavoro con chrome..ho provato ad aprirla con alttri e mi viene tutto sballato..non sò perchè..vi posto il codice della pagina index + tutto il css speriamo che qualcuno mi aiuti..se non avete voglia rispondetemi su questa domanda grazie..perchè con firefox attorino ad alcune immagini (non a tutte) si formano dei bordi blu non voluti?..

index

codice:

<?php
session_start();
session_regenerate_id(TRUE);
//se non è lui ritorno alla paina index


?>

<HTML>
<head>
<TITLE>Love Essence.</TITLE>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

<BODY background="Immagini/sfondo.png">


<div id="divcentro" > 

[img]Immagini/logo.png[/img]

[img]Immagini/homeK.png[/img]
[img]Immagini/forum.png[/img]
[img]Immagini/chisiamo.png[/img]

<div id="divalto">
[img]Immagini/love.png[/img]
<p id="essenza" >L'ESSENZA DELL'AMORE..</p>
</div>

<div id="facebook">

Facebook

</div>

<?php echo "" .$_SESSION['id'];?>

<form action="pagine/logout.php">
<input type="submit" name="logout" id="logout" value="Log Out"/>
</form>

<div id="dovesono">
Home
</div>

[img]Immagini/login_scritta.png[/img]


<div id="login" >
<form method="post" id="formlogin" action="pagine/login.php">
Id utente: 


<input type="text" id="idlogin" name="idl" />


Password: 


<input type="password" id="passlogin" name="passl" />


<input type="submit" id="buttonlogin" name="buttonlogin" value="LOGIN" />
</form>
</div>


<p style="position:absolute; left:2px; top:620px">Non sei ancora 
registrato? 
Iscriviti qui</p>



[img]Immagini/iscritti_3.png[/img]

<div style="overflow-y: scroll" id="iscritti" >
<?
$archivio=mysql_connect("localhost", "root", "");
$beta=mysql_select_db("my_loveessence");
$select=mysql_query("SELECT id FROM iscrizioni");
while($result =  mysql_fetch_array($select)) 
{  
$ciao=mysql_query("SELECT * FROM iscrizioni WHERE id='" . $result['id'] . "'");
$result =  mysql_fetch_assoc($ciao);
$culo = $result['img'];
if (!empty($culo))
{
echo "<img src=\"../PUBLIC/$culo\" width=\"30px\" height=\"25px\"/>";
echo " ";
echo "<a id=\"linkut\"href=\"pagine/utenteg.php?id=".$result['id']."\">".$result['id']."  </a>
";
}
else
{
echo "<img src=\"../Immagini\profilo_vuoto.gif\" width=\"30px\" height=\"25px\"/>";
echo " ";
echo "<a id=\"linkut\"href=\"pagine/utenteg.php?id=".$result['id']."\">".$result['id']."  </a>
";
}
}
?>
</div>

<form method="post" action="cerca.php">
<input type="text" id="cerca" value=" Cerca"/>
</form>

</div>
</BODY>
</HTML>

css

codice:

#divcentro
{
background: #FFFF66;
position:absolute; 
top:4px; 
left:180px; 
width: 900px; 
height: 900px;
border-left:1px solid red;
border-right:1px solid red;
}
#logolove
{
width:170px; 
height:30px;
position:absolute; 
top:104px; 
left:690px
}
#nav1
{
position:absolute; 
top:132px; 
left:0px;
border:none; 
}
#nav2
{
position:absolute; 
top:217px; 
left:0px;
border:none; 
}
#nav3
{
position:absolute; 
top:302px; 
left:0px;
border:none; 
}
#divalto
{
background:red; 
width:900px; 
height: 100px; 
position:absolute; 
top:0px;
left:0px
}
#imgessence
{
width:150px;
height:100px;
}
#essenza
{ 
font-family: Georgia, Times New Roman, Times, serif;
position:absolute;
top:0px;
left:240px;
font-size:35px;
}
#facebook
{
position:absolute; 
top:100px; 
left:0px; 
background:#1155ff; 
width:150px; 
height:20px;
}
#linkface
{
font-size:15px; 
color:white
}
#dovesono
{
color:#0066FF; 
position:absolute; 
top:103px; 
left:170px; 
height:20px; 
font-size:17px;
}
#linkdove
{
color:#0066FF;
}
#iscrizione
{
background:lightblue;
position:absolute;
top:150px; 
left:157px; 
width:230px; 
height:285px; 
font-size:17px;
font-style:bold;
border-left:4px solid darkblue;
border-top:4px solid darkblue;
}
#dati
{
position:absolute;
top:45px;
left:6px;
}
#scrittaiscrizione
{
position:absolute; 
left:170px; 
top:140px;
font-size:18px;
}
#nome
{
width:120px;
height:18px;
position:absolute;
left:89px;
}
#cognome
{
width:120px;
height:18px;
position:absolute;
left:89px;
}
#età
{
width:120px;
height:18px;
position:absolute;
left:89px;
}
#id
{
width:120px;
height:18px;
position:absolute;
left:89px;
}
#pass
{
width:120px;
height:18px;
position:absolute;
left:89px;
}
#mail
{
width:120px;
height:18px;
position:absolute;
left:89px;
}
#reg
{
width:120px;
height:18px;
position:absolute;
left:89px;
}
#invia
{
position:absolute;
top:210px;
left:0px;
}
#ok1
{
width:120px;
height:18px;
position:absolute;
left:33px;
}
#ok2
{
width:120px;
height:18px;
position:absolute;
left:33px;
}
#annulla
{
position:absolute;
top:210px;
left:50px;
}
#sc2
{
position:absolute;
top:135px;
left:420px;
border:1px solid red;
border-left:4px solid red;
border-top:3px solid red;
padding:5px;
width:400px;
font-size:17px;
}
#login
{
background:lightgreen;
position:absolute;
top:500px;
height:120px;
width:130px;
color:white;
border-left:4px solid darkgreen;
border-top:4px solid darkgreen;
}
#idlogin
{
position:absolute;
width:120px;
height:17px;
left:0px;
}
#passlogin
{
position:absolute;
width:120px;
height:17px;
top:65px;
}
#formlogin
{
position:absolute; 
left:5px;
top:5px;
font-size:18px;
}
#contenuto
{
position:absolute; 
top:170px; 
left:190px; 
width:850px; 
height:700px
}
#logout
{
position:absolute; 
top:103px; 
left:500px; 
width:100px;
height:25px;
}
#loggato
{
position:absolute; 
top:130px; 
left:50px;
font-size:23px;
}
#imglogin
{
position:absolute; 
top:450px; 
left:8px;
width:90px;
height:40px;
}
#infoutente
{
position:relative;
background:lightgreen;
width:550px;
top:25px;
}
#file
{
position:absolute;
top:530px;
}
#submit
{
position:absolute;
top:530px;
left:260px;
}
#info1
{
position:absolute;
top:545px;
left:0px;
color:red;
font-size:14px;
}
#info
{
position:absolute;
top:480px;
font-size:20px;
}
#imgut
{
position:absolute;
top:6px;
left:331px;
}
#imgiscritti
{
position:fixed;
top:244px;
width:180px;
left:0px;
}
#iscritti
{
position:fixed;
top:270px;
left:10px;
width:168px;
height:280px;
font-size:20px;
color:white;
}
#linkut
{
font-size:17px;
color:black;
text-decoration:none;
}
#cerca
{
position:fixed;
top:554px;
left:1px;
height:20px;
width:178px;
background:#bebfbf;
border:none;
font-size:15px;
}

**Myaku** · 26-12-2010, 09:51

Originariamente inviato da CiRi..Cuber
ho provato ad aprirla con alttri e mi viene tutto sballato..non sò perchè..

prima cosa: stai lavorando in quirks mode. Usa un doctype strict, valida il codice, e poi ne riparliamo

se hai sviluppato correttamente, l'unico che potrebbe darti problemi è qualche versione di IE

Secondo: ho dato un'occhiata decisamente al volo, ma in linea di principio evita di usare i posizionamenti assoluti a meno che non sia necessario o a meno che tu non sappia gestirli più che bene.

perchè con firefox attorino ad alcune immagini (non a tutte) si formano dei bordi blu non voluti?..

domanda ciclica. la risposta è
a img {border: none;}

che va però conseguentemente a quanto detto sopra. Codice non-standard, risultato non assicurato

Discussione: Incompatibilità tra i browser

Strumenti discussione

Ricerca discussione

Visualizza

Incompatibilità tra i browser

Re: Incompatibilità tra i browser

Permessi di invio