[CSS] Problema oscuro su allineamento...

19-11-2007, 22.51.22

Vi spiego subito il mio problema...di sotto vi posto il codice HTML della mia pagina.
Fila tutto liscio, finchè non inserisco il primo script in PHP. Appena lo inserisco mi manda tutto fuori allineamento. Ovvero, Il DIV nominato "DATA" me lo sbatte sotto, rovinandomi anche l'allineamento del DIV "FOOTER". Vi linko l'esempio pagina corretta (senza script PHP):
http://www.masterleague.eu/prova/index1.php

Come detto, se inserisco, nell'ultimo DIV del menu a sinistra questo script in PHP:

Codice PHP:


<?php
$puntFile=fopen("stat/ml/cannonieri.htm","r");
$datiFile=fread($puntFile,filesize("stat/ml/cannonieri.htm"));
fclose($puntFile);
$clear_File=strip_tags($datiFile,"<tr><td><table><div>");
$occ=explode("</tr>",$clear_File);
$before=str_replace("<tr class=\"cannonieri\"><td colspan=\"2\" class=\"canTITOLO\">CLASSIFICA CANNONIERI</td>","",$occ[0]);
$prima_riga=1;
$ultima_riga=5;
echo $before;
for($i=$prima_riga;$i<$ultima_riga;$i++) echo $occ[$i]."</tr>";
echo "</table>";
?>

mi rovina tutto, come potete vedere in questo link:
http://www.masterleague.eu/prova/index2.php

Il problema è che ci sbatto pure la testa in giro per trovare soluzioni, anche sulle guide o libri, ma non trovo l'errore porca puzzola!!! pensavo fosse dovuto alla grandezza delle tabelle del file CANNONIERI.HTM che importavo. Ma non è così...non ci riesco, e a pensarci mi in*****

!!!...

Vi posto il codice CSS:

Codice:

/***  HTML & BODY ***/
html,body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#container {
	width: 980px;
	\width: 1000px;
	w\idth: 980px;
	border: 1px solid gray;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/page/page_background.jpg) repeat-y;
}

#title {
	width: 940px;
	height: 143px;
	margin: 0px 20px 0px 20px;
	background: url(../images/page/page_title.jpg) no-repeat;
}

#line {
	width: 940px;
	height: 12px;
	margin: 0px 20px 0px 20px;
	background: url(../images/page/page_line.jpg) repeat-x;
}

#content {
	width: 940px;
	margin: 0px 20px 0px 20px;
	overflow: hidden;
	background: Silver;
}

#menu {
	width: 220px;
	float: left;
	background: Yellow;
}

#data {
	width: 720px;
	float: left;
	background: Lime;
}

#footer {
	width: 940px;
	height: 104px;
	margin: 0px 20px 0px 20px;
	clear: both;
	overflow: hidden;
	background: #FFFFFF url(../images/page/page_footer.jpg) repeat-x top;
}

/***  CLASSE "FabClearing" ***/

.cleared:after {
	display: block; 
	visibility: hidden;
	content: "."; 
	height: 0; 
	clear: both;
}
            
.cleared {
	clear: both; /* per Gecko */
	height: 1%; /* per IE */
}


/***  MENU DI NAVIGAZIONE ***/

#menu a{
	color: #000000;
	text-decoration: none;
}
#menu a:hover{
	color: #CAA200;
	text-decoration: none;
}

#menu ul a:hover{
	color: #DBDBDB;
	text-decoration: none;
}

#menu_line{
	width: 220px;
	height: 19px;
	float: left;
	background: url(../images/page/menu_line.jpg) repeat-x;
}

#menu_link{
	width: 215px;
	height: 16px;
	padding-left: 5px;
	padding-top: 3px;
	font-weight: bold;
	float: left;
	background: url(../images/page/menu_link.jpg) repeat-x;
}

#menu_title{
	width: 215px;
	height: 16px;
	padding-left: 5px;
	padding-top: 3px;
	font-weight: bold;
	float: left;
	background: url(../images/page/menu_title.jpg) repeat-x;
}

#menu_java{
	width: 220px;
	height: auto;
	float: left;
	background: #E3E3E3;
}

#menu_java2{
	width: 200px;
	height: auto;
	float: left;
	background: #E3E3E3;
}



#smenu01{
	float: left;
	width: 215px;
	height: 0px;
	background-color: #A4A4A4;
	padding-left: 5px;
}

#smenu02{
	float: left;
	width: 215px;
	height: 0px;
	background-color: #A4A4A4;
	padding-left: 5px;
}

#smenu03{
	float: left;
	width: 215px;
	height: 0px;
	background-color: #A4A4A4;
	padding-left: 5px;
}

#smenu04{
	float: left;
	width: 215px;
	height: 0px;
	background-color: #A4A4A4;
	padding-left: 5px;
}

#smenu05{
	float: left;
	width: 215px;
	height: 0px;
	background-color: #A4A4A4;
	padding-left: 5px;
}

...e il codice HTML della pagina:

Codice:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Campionato Fantacalcio MASTER LEAGUE 07/08 - Seconda Edizione</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />

<script language="JavaScript" type="text/javascript" src="js/page/prototype.lite.js"></script>
<script language="JavaScript" type="text/javascript" src="js/page/moo.fx.js"></script>
<script language="JavaScript" type="text/javascript" src="js/page/moo.fx.pack.js"></script>

<script type="text/javascript">
window.onload = function() {
menu01 = new fx.Height('smenu01', {duration: 400});
menu02 = new fx.Height('smenu02', {duration: 400}); 
menu03 = new fx.Height('smenu03', {duration: 400}); 
menu04 = new fx.Height('smenu04', {duration: 400}); 
menu05 = new fx.Height('smenu05', {duration: 400}); 
}
</script>

</head>

<body>
<div id="container">
	<div id="title"></div>
	<div id="line"></div>
	<div class="cleared" id="content">
		<div id="menu">
			<div id="menu_line"></div>
			<div id="menu_link">HOME</div>
			<div id="menu_link"><a href="#" onclick="menu01.toggle(); return false">SQUADRE</a></div>
			<div id="smenu01">PROVA PROVA PROVA</div>
			<div id="menu_link">CLASSIFICA</div>
			<div id="menu_link"><a href="#" onclick="menu02.toggle(); return false">RISULTATI</a></div>
			<div id="smenu02">PROVA PROVA PROVA</div>
			<div id="menu_link">CALENDARIO</div>
			<div id="menu_link">FORMAZIONI</div>
			<div id="menu_link">TABELLINO VOTI</div>
			<div id="menu_link"><a href="#" onclick="menu03.toggle(); return false">STATISTICHE</a></div>
			<div id="smenu03">PROVA PROVA PROVA</div>
			<div id="menu_link">REGISTRO&nbsp;SQUADRE</div>
			<div id="menu_link">INVIO&nbsp;FORMAZIONE</div>
			<div id="menu_link"><a href="#" onclick="menu04.toggle(); return false">ALBO&nbsp;D'ORO</a></div>
			<div id="smenu04">PROVA PROVA PROVA</div>
			<div id="menu_link"><a href="#" onclick="menu05.toggle(); return false">NEWS</a></div>
			<div id="smenu05">PROVA PROVA PROVA</div>
			<div id="menu_title">RISULTATI&nbsp;ULTIMA&nbsp;GIORNATA</div>
			<div id="menu_java">kiki</div>
			<div id="menu_title">CLASSIFICA</div>
			<div id="menu_java">kiki</div>
			<div id="menu_title">PROSSIMO&nbsp;TURNO</div>
			<div id="menu_java">kiki</div>
			<div id="menu_title">CLASSIFICA&nbsp;MARCATORI&nbsp;ML</div>
			<div id="menu_java">
				<?php
					$puntFile=fopen("stat/ml/cannonieri.htm","r");
					$datiFile=fread($puntFile,filesize("stat/ml/cannonieri.htm"));
					fclose($puntFile);
					$clear_File=strip_tags($datiFile,"<tr><td><table><div>");
					$occ=explode("</tr>",$clear_File);
					$before=str_replace("<tr class=\"cannonieri\"><td colspan=\"2\" class=\"canTITOLO\">CLASSIFICA CANNONIERI</td>","",$occ[0]);
					$prima_riga=1;
					$ultima_riga=5;
					echo $before;
					for($i=$prima_riga;$i<$ultima_riga;$i++) echo $occ[$i]."</tr>";
					echo "</table>";
				?>
			</div>
		</div>
		<div id="data">
		<?php include ("inc/txt.inc"); ?>
		</div>
  </div>
	<div id="footer"></div>
</div>
</body>
</html>

Vi giuro che non trovo errori, è questo mi fa innervosire, perchè s emi combina questo vuol dire che ci sono(!!!)...qualche anim apia che sa darmi indicazioni???...magari sbagli in più cose

...

[DS] Usa i tag di codice quando ne riporti ampi stralci, si legge meglio... e non esce un post kilometrico.

**funcool** · 20-11-2007, 12.28.21

Qual è il codice HTML che produce quello script?

20-11-2007, 13.36.56

Grazie per l'intervento Funcool...non ho capito la domanda però...

**funcool** · 20-11-2007, 13.50.07

L'ultimo codice che hai scritto produce una pagina Web. Qual è il codice HTML di questa pagina? Che codice vedi quando visiti quella pagina e visualizzi il suo codice HTML?

20-11-2007, 19.11.01

L'ultimo codice HTML è quello della pagina che mi da errore, ovvero quella del secondo link. Se vai su i due link vedi la diversità, ovvero che quando inserisco il primo script in PHP il DIV "data" mi viene spostato...

Discussione: [CSS] Problema oscuro su allineamento...

LinkBack

Strumenti discussione

Display

[CSS] Problema oscuro su allineamento...

Regole di scrittura