Ciao a tutti,
sto ripassando e ampliando le mie conoscenze riguardo ai css, così mi sono procurato una guida sull'argomento. Seguendo l'esempio riportato sul libro, ottengo il risulatato corretto con IE6 ma non con firefox. Il problema riguarda le dimensioni e l'allineamento di alcuni div.
Questo è l'html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Prove css</title>
<link rel="stylesheet" href="stile.css" />
</head>
<body>
<div id="pagina">
<div id="testata">
<h1>TESTATA</h1>
</div>
<div id="menu_orizzontale">[*]News
<ul>[*]Sport[*]Politica[*]Musica & cinema[/list]
[*]Animali
<ul>[*]Cani[*]Gatti[*]Ippopotami[/list]
</div>
<div id="corpo">
<div id="menu_sx">
<h1>MENU SX</h1>
</div>
<div id="contenuti">
<h1>CONTENUTI</h1>
</div>
</div>
<div id="footer">
<h3>footer</h3>
</div>
</div>
</body>
</html>
Questo è il css:
/* CSS Document */
body {
margin:0;
padding:0;
text-align:center;
background:#EEE;
color:#000;
}
#pagina {
width:900 px;
margin: auto;
}
#corpo {
width:900px;
float: left;
text-align:left;
background:#FFF;
}
#menu_sx {
float:left;
width:150 px;
background:transparent;
color:#000;
}
#contenuti {
float:left;
width:750 px;
background:transparent;
color:#000;
}
#testata {
background:#666;
color:#FFF;
}
#footer {
background:#666;
color:#FFF;
clear: left;
}
li ul {
display: none;
}
li: hover ul {
display: block;
}
Sapreste dirmi come mai con firefox la visualizzazione è sbagliata? Io non ci salto fuori. Grazie a tutti.
Rispondi quotando