Problemi di visualizzazione menu su Mozzilla

**danielsan119** · 02-11-2004, 11:29

Per favore qualcuno potrebbe essere così gentile da dare un occhiata a questo codice ed eventualmente farmi saper perchè il menù sulla sinistra non viene visualizzato in maniera corretta su Mozzilla?

codice:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
	<head>
		<title>Studio Giuliano</title>
	    <link href="stili/stile1.css" rel="stylesheet" type="text/css" />
	
<style type="text/css">
<!--
html {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
body {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: auto; PADDING-TOP: 10px;
	background-color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.98em;
	text-align: center;
}
div#base {
	margin-top: 5px;
	padding: 0px;
}
div#base a{
	border: 0 !important;
   border: 1px solid #FBF6DB;
}
div#base img{
   border: 0 !important;
   border: 1px solid #FBF6DB;
}
div#container{
	width: 760px;
   margin: 0px auto;   
   text-align: left;
	border: 1px solid #1D7723;
    }
div#header {	
	height: 60px;
	background-color: #1D7723;
	color: White;
}
div#header2 {
	BACKGROUND-COLOR: White;
	border-bottom: 5px solid #1D7723;
}
div#header2 p {
	MARGIN: 0px 0px 0px 20px; LINE-HEIGHT: 3px
}
div#header H1 {
	MARGIN: 0px 0px 0px 20px; LINE-HEIGHT: 70px
}
div#navigation {
   margin-top: 5px;
	PADDING-RIGHT: 10px;
	BORDER-BOTTOM: 1px solid #333333;
	BACKGROUND-COLOR: #1D7723;
	TEXT-ALIGN: right;
	font-size: 0.8em;
	line-height: 20px;
}
div#navigation UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none
}
div#navigation LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
div#navigation LI A {
	PADDING-RIGHT: 0.8em;
	PADDING-LEFT: 0.8em;
	BACKGROUND-COLOR: #1D7723;
	PADDING-BOTTOM: 0px;
	COLOR: #FFFFFF;
	PADDING-TOP: 0px;
	TEXT-DECORATION: none;
	border: 1px solid White;
}
div#navigation LI A:hover {
	COLOR: #000;
	BACKGROUND-COLOR: #42A443;
	border: 1px solid White;
}
div#navigation LI#activelink A {
	COLOR: White;
	BACKGROUND-COLOR: #42A443;
	border: 1px solid White;
}
div#contenuto {
	background: #1D7723;
	margin-top: 0px;
	margin-left: 0px;
	min-height: 440px;
	height: auto !important;
	height: 440px;
	text-align: justify;
	
}
.titolo {
	margin:0px auto;
	padding:0px;
	color: #0673DC;
	border-bottom-style: solid;
	border-bottom-color: #0673DC;
	border-bottom-width: 1px;
	font-size: 1.2em;
}
.animazione {
	text-align: right;
	margin-top: -5px; 
}
div#contenuto div.colonna1 {
	background-color: #1D7723;
	width: 190px;	
	float: left;
	margin-top: 10px;
	padding-left: 5px;
}
div#contenuto div.colonna1.menu{
margin-top: 5px;	
margin-bottom: 5px;
border:1px solid White;
border-top-width:0;
width:175px
}
div#contenuto div.colonna1.menu a{
background:#1D7723;
display:block;
padding:5px;
font-size: 0.8em;
border-top:1px solid White;
color: White;
text-decoration:none;
width:175px;
}
div#contenuto div.colonna1.menu a:hover{
background:#42A443;
color: White;
}
div#contenuto div.colonna2{
	background: White;
	margin-top: 0px;
	padding-top: 25px;
	margin-left: 190px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 0.80em;
	min-height: 440px;
	height: auto !important;
	height: 440px;
}
div.colonna2 p{
	padding: 0px;
}



-->
</style>
</head>
<body>
  <div id="container">    
	<div id="header">

	<h1>fast-dd.it</h1>
	</div>
	<div id="header2">

</p></div>
	<div id="navigation"><ul>
  <li id="activelink">Home[*]Chi siamo[*]Contatti
[*]Portfolio [/list]</div>
  	<div id="contenuto">
  		<div class="colonna1">
			<div class="menu"> Proggettazione d'impresa Ambiente Agevolazioni finanziarie</div> 
  		</div>

  		<div class="colonna2"> </div>
  	</div>
  </div>
   <div id="base">
	 </div>

</body></html>

**nickmadison** · 02-11-2004, 12:00

prima di tutto sistema gli errori del CSS, mancano dei punti evirgola in vari punti.

**danielsan119** · 02-11-2004, 15:17

Ho messo a posto tutti i punti e vergola mancanti, ma purtroppo non è cambiato nulla.

**nickmadison** · 02-11-2004, 15:54

bene adesso metti tuttio in minuscolo, poi metti un link al tuo lavoro aggiornato se vuoi che possiamo andare a controllarlo.

**danielsan119** · 02-11-2004, 16:14

Grazie per l'aiuto nickmadison, per fortuna con un pò di !important sono riuscito a riprodurre lo stesso layout che avevo su ie

Discussione: Problemi di visualizzazione menu su Mozzilla

Strumenti discussione

Ricerca discussione

Visualizza

Problemi di visualizzazione menu su Mozzilla

Permessi di invio