"Oscuro" problema di allineamento DIV...

**vivepix** · 19-11-2007, 22:49

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 incaxxo

!!!...

Vi posto il codice CSS:

/*** 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:

<!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">SQUADRE</div>
<div id="smenu01">PROVA PROVA PROVA</div>
<div id="menu_link">CLASSIFICA</div>
<div id="menu_link">RISULTATI</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">STATISTICHE</div>
<div id="smenu03">PROVA PROVA PROVA</div>
<div id="menu_link">REGISTROSQUADRE</div>
<div id="menu_link">INVIOFORMAZIONE</div>
<div id="menu_link">ALBOD'ORO</div>
<div id="smenu04">PROVA PROVA PROVA</div>
<div id="menu_link">NEWS</div>
<div id="smenu05">PROVA PROVA PROVA</div>
<div id="menu_title">RISULTATIULTIMAGIORNATA</div>
<div id="menu_java">kiki</div>
<div id="menu_title">CLASSIFICA</div>
<div id="menu_java">kiki</div>
<div id="menu_title">PROSSIMOTURNO</div>
<div id="menu_java">kiki</div>
<div id="menu_title">CLASSIFICAMARCATORIML</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

...

**vivepix** · 20-11-2007, 19:29

Ho provato a riguardarlo oggi in ufficio durante la pausa...ma nulla. Ho provato a modificare la grandezza della tabella che lo script importa, ma non midifica nulla. Penso, anzi, forse, cerco l'errore nel posto sbagliato...

**activ** · 20-11-2007, 19:54

ma hai provato a vedere cosa ti scrive il php, guardando il codice html che ti mette a disposizione il browser?

**vivepix** · 20-11-2007, 23:42

Si si, mi importa un file HTML "purificato", evvero tramite quel mio script mi toglie due righe che non mi servono. Ecco cosa mi importa dentro:

<div id="cannonieri">
<table class='cannonieri' border="0" cellspacing="0" cellpadding="0">
<tr class="cannonieri"><td class="canGOLd"> 2</td><td class="canNOMEd">ZALAYETA Marcelo (gmx generation)</td></tr>
<tr class="cannonieri"><td class="canGOLp"> 1</td><td class="canNOMEp">RECOBA Alvaro (atletico mister)</td></tr>
<tr class="cannonieri"><td class="canGOLd"> 1</td><td class="canNOMEd">CRESPO Hernan Jorge (vai tra)</td></tr>
<tr class="cannonieri"><td class="canGOLp"> 1</td><td class="canNOMEp">NESTA Alessandro (right fighters)</td></tr>
<tr class="cannonieri"><td class="canGOLd"> 1</td><td class="canNOMEd">SIMPLICIO Fabio Henrique (belli e ribelli)</td></tr>
</table>
</div>

Le loro classi sono nel CSS fantamister.css ...ho controllato, ma mi sembra tutto ok

...
L'unico che forse potrebbe darmi una mano è Fcaldera, sperando abbia già letto questo post.

**vivepix** · 22-11-2007, 20:23

Activ hai provato a guardare???

**fcaldera** · 22-11-2007, 21:22

Originariamente inviato da vivepix
Le loro classi sono nel CSS fantamister.css ...ho controllato, ma mi sembra tutto ok

...
L'unico che forse potrebbe darmi una mano è Fcaldera,

e Mich, e Thomas Anderson, e myaku (i primi tre che mi vengono in mente) e molti molti altri... il forum ha molti utenti preparati o altrettanto volenterosi che probabilmente ti avrebbero fatto notare che hai inserito il div 'data' largo 720px (che contiene tutto il testo) all'interno del div 'menu' che è largo solo 220px;

Deduco che tu abbia dimenticato almeno un </div> prima del div 'data' (un validatore come il tidy dovrebbe segnalarti l'assenza di un div chiuso)

**vivepix** · 23-11-2007, 20:42

Ho controllato, ma mi sembra ( e anche Dreamweaver conferma) che ho chiuso correttamente tutti i DIV. Ho notato una cosa però, che se a posto del mio 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>";

?>

inserisco un semplice INCLUDE:

Codice PHP:


<?php include ("stat/ml/cannonieri.htm"); ?>

non mi da più il problema di allineamento....sbaglio in qualcosa nello script???

**Myaku** · 23-11-2007, 21:01

Originariamente inviato da vivepix
Ho controllato, ma mi sembra ( e anche Dreamweaver conferma) che ho chiuso correttamente tutti i DIV.

io non mi fiderei molto di DW

a prescindere dal fatto che hai usato degli id quando ci andrebbero delle classi, il tuo codice ha effettivamente qualche problema

validatore

**Myaku** · 23-11-2007, 21:02

Originariamente inviato da vivepix
non mi da più il problema di allineamento....sbaglio in qualcosa nello script???

hai il link della prova fatta con l'include (per confrontare i due codici)?

**vivepix** · 23-11-2007, 23:00

Myaku prima di tutto, grazie per l'intervento!!!
Ti posto il link: http://www.masterleague.eu/prova/index3.php
Se vedi la pagina,quest'ultima non mi da il problema dell'allineamento...

Discussione: "Oscuro" problema di allineamento DIV...

Strumenti discussione

Ricerca discussione

Visualizza

"Oscuro" problema di allineamento DIV...

Permessi di invio