Problema posizionamento menù

**venom86** · 19-06-2009, 12:08

ciao a tutti,
avrei un probelma io ho questa pagina con 2 tabelle.
Sono riuscito a mettere lo sfondo che varia a seconda della grandezza della pagina di explorer.
Solo che adesso sulla seconda tabella ho messo dei div con dei bottoni utilizzando questi comandi
<div id="navigation">
<ul>
<li id="activelink">
[*]Prova

e quando restringo la pagina i bottoni mi montano sopra alla prima tabella come posso fare per bloccarli sotto la prima tabella?
Non vi posto tutto il codice subito per non fare casino.
Se mi sono spiegato male(come che di solito faccio

) vi metto anche l'intero codice della pagina.

**venom86** · 19-06-2009, 12:13

codice:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<style type="text/css">
body{
font: 76% arial,sans-serif; background-color: #000000
}
h1{color: #666;font: normal 1.3em/30px georgia,serif;letter-spacing: 2px}
#tab{z-index:2;}
#img {
	Z-INDEX: 1; POSITION: absolute; WIDTH: 100%; HEIGHT: 100%
}
#scroller {
	Z-INDEX: 2; POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; OVERFLOW: =
auto; TOP: 0px; LEFT: 0px
}
#tabe {
	Z-INDEX: 2; POSITION: absolute; OVERFLOW: = auto; TOP: 2%; LEFT: 1%
}
#tabe2 {
	Z-INDEX: 3; POSITION: absolute; OVERFLOW: = scroll; WIDTH: 100%; HEIGHT: 100%; TOP: 15%; LEFT: 1%
}
div#navigation{float:left; margin:0 20px;}
div#navigation2{float: right; margin:0 20px;}
div#navigation ul{list-style-type: none;margin: 0;padding: 0;}
div#navigation2 ul{list-style-type: none;margin: 0;padding: 0;}
div#navigation li{margin: 0 0 3px;padding: 0;}
div#navigation2 li{margin: 0 0 3px;padding: 0;}
div#navigation a{display: block;width: 150px;line-height: 30px;text-decoration: none;
    border: 1px solid #666;text-indent: 30px;background: url("../Nuova Cartella/normale.jpg") no-repeat top left;
    color: #333;font-size:13px;}
div#navigation2 a{display: block;width: 150px;line-height: 30px;text-decoration: none;
    border: 1px solid #666;text-indent: 30px;background: url("../Nuova Cartella/normale.jpg") no-repeat top left;
    color: #333;font-size:13px;}
div#navigation a:hover{
    background: url("../Nuova Cartella/attivo.jpg") no-repeat top left;color: #1F2A3E}
div#navigation2 a:hover{
    background: url("../Nuova Cartella/attivo.jpg") no-repeat top left;color: #1F2A3E;}
div#navigation li#activelink a,div#navigation li#activelink a:hover{
    background: url("../Nuova Cartella/normale.jpg") no-repeat top left;color: #fff;}
div#navigation2 li#activelink a,div#navigation li#activelink a:hover{
    background: url("../Nuova Cartella/normale.jpg") no-repeat top left;color: #fff;}
</style>
</head>
<body link="#FF0000" vlink="#990099">
[img]../Nuova Cartella/sfondo.jpg[/img]
 <TABLE BORDER  id="tabe">
	<TR>
	   <TD>
	   [img]../Nuova Cartella/mirco.gif[/img]
	   [img]../Nuova Cartella/mirco.gif[/img]
	    <CENTER>
	     
		<H1><big><font color="white">XXXXX<font color="yellow">YYYYYYY</font>



 ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ</font></big></H1>
	     
	    </CENTER>
	   
 
	<TR>
 
	   <TD>
	   <FONT COLOR="white">
       



		aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

ccccccccccccccccccccccccccccccccccccccccccc

ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd




 
</font>
</table>
<TABLE BORDER="0"  id="tabe2">
	<TR>
	   <TD>
<div id="navigation">
<ul>
    <li id="activelink">
	[*]1
[*]2
[*]3

	[*]4
[*]5
[*]6
[*]7
[*]8

	[/list]
</div>
<div id="navigation2">
<ul>
    <li id="activelink">
	[*]9
[*]10
[*]11

	[*]12
[*]13
[*]14
[*]15

	[/list]
</div>
</table>

</body>
</html>

Discussione: Problema posizionamento menù

Strumenti discussione

Ricerca discussione

Visualizza

Problema posizionamento menù

Permessi di invio