Printable View
Ciao ragazzi, ho un problema, sto creando una pagina in htm, dove ho inserito una tabella, però nel momento in cui apro questa pagina, la tabella mi si sposta di tanto più sotto, perchè??
Tra l'altro questo succede con IE, ma non con Safari!!!come posso risolvere???
Grazie a tutti (se necessario posto il codice!):)
Scrivi il link della pagina e/o il codice.
Ecco il codice della pagina in questione:
Codice HTML:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>...</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body{font: 76% Verdana,Arial,sans-serif;background:#000000;color:#222}
div#container{margin: auto}
ul#menu, ul#menu li{list-style: none;margin: 0;line-height: 1.3}
ul#menu{padding: 7px 20px;text-align: right;border-bottom: 1px solid #ACACDC}
ul#menu li{display: inline;padding: 7px 7px 7px 0;margin-left: 3px;background: url(tabBk.png) no-repeat top right}
ul#menu a{padding: 7px 0 7px 7px;background: url(tabBk.png) no-repeat top left;text-decoration: none; color:#555}
ul#menu li#current,ul#menu li#current a{background-image: url(tabBkActive.png);border-bottom: 1px solid #FFF}
ul#menu li#current a,ul#menu li a:hover{color: #960505}
* html ul#menu li{padding: 0 4px 0 0} /* hack per IE5.x e IE6 */
*:first-child+html ul#menu li{padding: 0 4px 0 0} /* hack per IE7 */
</style>
</head>
<body>
<div id="container" style="width: 900px">
<p><table style="width: 900px;" cellspacing="0" cellpadding="0" align="center" border="0px">
*<tr>
*<td align="left"><img src="..."></td> <td align="center"><img src="..."></td>
*</tr></table></p>
<ul id="menu">
<li><a href="home.html">home</a></li>
<li id="current"><a href="biografie.html">biografie</a></li>
<li><a href="live.html">live</a></li>
<li><a href="media.html">media</a></li>
<li><a href="#">guestbook</a></li>
<li><a href="contatti.html">contatti</a></li>
</ul>
<table style="width: 900px;" cellspacing="0" cellpadding="0">
*<tr>
**<td align="left"><img src="..."></td> <td style="background-color: #cbcbcb;" colspan="4"></td> <td align="right"><img src="..."></td>
*</tr>
*<tr>
**<td style="background-color: #cbcbcb;" height=20></td> <td style="background-color: #cbcbcb;" colspan="4" align="left"></td> <td style="background-color: #cbcbcb;" align="right"></td>
*</tr>
*<tr>
**<td style="background-color: #cbcbcb;"></td> <td style="background-color: #cbcbcb;" align="left" width=140><img src="..."></td> <td style="background-color: #cbcbcb;" align="justify" valign="top" width=400>...</td> <td style="background-color: #cbcbcb;" width=15></td> <td style="background-color: #cbcbcb;" valign="top" align="justify">...</td> <td style="background-color: #cbcbcb;"></td>
*</tr>
*<tr>
**<td style="background-color: #cbcbcb;" height=20></td> <td style="background-color: #cbcbcb;" colspan="4"></td> <td style="background-color: #cbcbcb;" align="right"></td>
*</tr>
*<tr>
**<td style="background-color: #cbcbcb;"></td> <td style="background-color: #cbcbcb;" align="left" width=140><img src="..."></td> <td style="background-color: #cbcbcb;" align="justify" valign="top" width=400><b>...</b>...</td> <td style="background-color: #cbcbcb;" width=15></td> <td style="background-color: #cbcbcb;" valign="top" align="justify">...</td> <td style="background-color: #cbcbcb;"></td>
*</tr>
*<tr>
**<td style="background-color: #cbcbcb;" height=20></td> <td style="background-color: #cbcbcb;" colspan="4"></td> <td style="background-color: #cbcbcb;" align="right"></td>
*</tr>
*<tr>
**<td style="background-color: #cbcbcb;"></td> <td style="background-color: #cbcbcb;" align="left" width=140><img src="..."></td> <td style="background-color: #cbcbcb;" align="justify" valign="top" width=400>...</td> <td style="background-color: #cbcbcb;" width=15></td> <td style="background-color: #cbcbcb;" valign="top" align="justify"><b>...</b>...</td> <td style="background-color: #cbcbcb;"></td>
*</tr>
*<tr>
**<td style="background-color: #cbcbcb;" height=20></td> <td style="background-color: #cbcbcb;" colspan="4"></td> <td style="background-color: #cbcbcb;" align="right"></td>
*</tr>
*<tr>
**<td style="background-color: #cbcbcb;"></td> <td style="background-color: #cbcbcb;" align="left" width=140><img src="..."></td> <td style="background-color: #cbcbcb;" align="justify" valign="top" width=400><b>...</b> ...</td> <td style="background-color: #cbcbcb;" width=15></td> <td style="background-color: #cbcbcb;" valign="top" align="justify"><b>...</b> ...</td> <td style="background-color: #cbcbcb;"></td>
*</tr>
*<tr>
**<td style="background-color: #cbcbcb;" height=20></td> <td style="background-color: #cbcbcb;" colspan="4"></td> <td style="background-color: #cbcbcb;" align="right"></td>
*</tr>
<tr>
*<td align="left"><img src="..."></td> <td style="background-color: #cbcbcb;" colspan="4"></td> <td align="right"><img src="..."></td>
*</tr>
</table>
</div>
</body>
</html>
Perché ci sono tutti quegli asterischi? Qual è la tabella troppo in basso?
No scusa, forse gli asterischi si sono inseriti col copia e incolla che ho usato per postare il codice, perchè sul mio codice non ci sono...comunque la tabella che si sposta è la seconda!!
Dovrebbe essere dato dal fatto che si trova sotto all'elenco numerato che ha molto spazio ai lati. Prova ad azzerare il margin e/o il padding della tabella oppure dell'elenco.
se azzero i padding dell'elenco, "cambia" la visualizzazione dell'elenco, lo vedo più piccolo, ma non succede nulla alla tabella...
per azzerare il padding alla tabella, come faccio, devo scrivere il codice??
Per farlo con la tabella devi fare la stessa cosa che hai fatto con l'elenco.
così: <table style="width: 900px;" cellspacing="0"; cellpadding="0"; padding: 0px 0px 0px 0;>
(scusa funcool ma non sono chissà quanto esperto...!)
Codice HTML:<table style="width: 900px; padding: 0px 0px 0px 0;" cellspacing="0" cellpadding="0">
Funcool, ti ringrazio per il tuo aiuto, ma purtroppo non va!!!!:(
Non sò, ma non è che potrebbe dipendere dal testo all'interno della tabella, che in certe celle è "abbastanza lungo"??
EDIT: Mi sono dimenticato di informarvi di questa particolarità:
ho creato un'altra pagina, praticamente uguale o quasi, stessa struttura, e non presenta questo problema!!!!AIUTOOO
Scrivi il link e/o il codice di questa secondo pagina che funziona.