[CSS] Problema oscuro su allineamento...
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***** :evil: !!!...
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 SQUADRE</div>
<div id="menu_link">INVIO FORMAZIONE</div>
<div id="menu_link"><a href="#" onclick="menu04.toggle(); return false">ALBO 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 ULTIMA 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 TURNO</div>
<div id="menu_java">kiki</div>
<div id="menu_title">CLASSIFICA MARCATORI 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 :crycry: ...
[DS] Usa i tag di codice quando ne riporti ampi stralci, si legge meglio... e non esce un post kilometrico.
