Posizionamento relativo livelli

Supercolore · 1 Dic 2006

Perchè il seguente codice funziona correttamente su IE e non su FireFox?

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Livelli</title>
<style>
.liv1 {
position:relative;
top=10;
left=10;
border: 1px solid #000;
width: 250px;
height: 250px;
background-color=green
}
.liv2 {
position:relative;
top=-240;
left=270;
border: 1px solid #000;
width: 250px;
height: 250px;
background-color=yellow
}
</style>
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<div class="liv1">
<p style="margin-top: 0; margin-bottom: 0">Questo è il contenuto del livello 1...
</div>
<div class="liv2">
<p style="margin-top: 0; margin-bottom: 0">Questo è il contenuto del livello 2...
</div>
</body>

</html>

Grazie!!! Ciaoooooo!:byebye:

dead · 1 Dic 2006

Ora funziona:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Livelli</title>
<style>
.liv1 {
position:relative;
top:10px;
left:10px;
border:1px solid #000;
width:250px;
height:250px;
background-color:green;
}
.liv2 {
position:relative;
top:-240px;
left:270px;
border:1px solid #000;
width:250px;
height:250px;
background-color:yellow;
}
</style>
</head>

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<div class="liv1">
<p style="margin-top:0; margin-bottom:0">Questo è il contenuto del livello 1...
</div>
<div class="liv2">
<p style="margin-top:0; margin-bottom:0">Questo è il contenuto del livello 2...
</div>
</body>

</html>

P.S. in firefox devi:
- usare le unità di misura dopo le cifre
- scrivere le direttive di stile con : e non con =

Come del resto è richiesto dalle regole del W3C

Supercolore · 1 Dic 2006

Okk grazie!!!!
:byebye:

Cerca

Cerca

Posizionamento relativo livelli

Supercolore

Utente Attivo

dead

Utente Attivo

Supercolore

Utente Attivo

Discussioni simili