Problema visualizzazione

31-03-2008, 17.10.53

Ciao a tutti... sto costruendo il sito ma ho un problema di visualizzazione con firefox...

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 

		<head>
			<title>Title</title>
			<link rel="stylesheet" type="text/css" href="css/style.css">

		</head>

	<body>
	<a name="top"></a>
		<div align="center">
			<div id="main">
				<div id="header">
					<div id="head1" align="left">
						<a href="#"><img src="img/home.png" alt="ico" border="0"></a> <a href="#"><img src="img/find.png" alt="ico" border="0"></a> <a href="#"><img src="img/colors.png" alt="ico" border="0"></a>
					</div>
					<div id="head2" align="right">
						<strong>Benvenuti nel sito!</strong> Oggi &egrave; il <strong>30/03/08</strong> e sono le ore <strong>19:00</strong>
					</div>
				</div>
				<div id="theme">
					<img src="img/bannerlogosto.png" width="800" height="150" alt="imglogo" title="logo">
				</div>
				<div id="menulink">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">Link</a></li>
						<li><a href="#">Link</a></li>
						<li><a href="#">Link</a></li>
						<li><a href="#">Link</a></li>
						<li><a href="#">Link</a></li>
						<li><a href="#">Link</a></li>
						<li><a href="#">Link</a></li>
					</ul>
				</div>
				<div id="contenuti">
					<div id="left">
						Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</div>
					<div id="right">
						Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</div>
				</div>						
			</div>
		</div>
	
	</body>

</html>

Codice:

body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(../img/bg.gif);
background-position:top center;
background-repeat:repeat-y;
color:rgb(50,50,50);
font-family:Verdana;
font-size:11px;
}

#main {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:rgb(255,255,255);
width:800px;
border:1px solid rgb(30,30,30);
}

#header {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:800px;
height:18px;
}

#head1 {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
width:389px;
height:18px;
float:left;
line-height:20px;
}

#head2 {
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
width:389px;
height:18px;
float:right;
line-height:18px;
}

#theme {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:800px;
height:150px;
}

#menulink {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:800px;
height:20px;
background-color:rgb(50,50,50);
border-top:2px solid rgb(30,30,30);
border-bottom:2px solid rgb(30,30,30);
}

#menulink ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
}

#menulink li{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
width:99px;
height:20px;
line-height:20px;
border-right:1px solid rgb(30,30,30);
font-weight:bold;
display:block;
}

#menulink li a {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:99px;
height:20px;
line-height:20px;
color:rgb(255,255,255);
text-decoration:none;
display:block;
}

#menulink li a:hover {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:99px;
height:20px;
line-height:20px;
color:rgb(255,255,0);
text-decoration:none;
}

#contenuti {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:800px;
}

#left {
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
width:200px;
float:left;
}

#right {
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
width:600px;
float:right;
}

In pratica firefox è come se non interpretasse il div #contenuti e perciò non mostra i div #left e #right al suo interno.

Come risolvere???

Screenshots:
Con IE
Con FF

oppure:
Link al sito

Grazie

**dementialsite** · 31-03-2008, 17.47.15

Non riesco a capire quale sia il problema... i contenuti dei due DIV riesco a vederli con Firefox (tra parentesi, pure nel link "Con FF" si vedono...).

Stammi bene...

31-03-2008, 18.18.36

Vedo di spiegarmi meglio:

la visualizzazione che vorrei ottenere è quella di ie. Firefox mi inserisce i div #right e #left al di sotto del div #contenuti e non dentro (come ie).

@dementialsite
per capire cosa intendo guarda con FF sotto ai link vedrai un bordo più spesso rispetto a quello visualizzato da ie; questo perchè il div #contenuti non avendo testo al suo interno viene a trovarsi attaccato al #menulink, mentre in ie il bordo del div #contenuti si trova in fondo a tutto il testo.

Discussione: Problema visualizzazione

LinkBack

Strumenti discussione

Display

Problema visualizzazione

Regole di scrittura