menu que se desplaza

acrego · #1 (**permalink**) 10/04/2006, 04:19

buenas otra vez, aqui sigo a vueltas con el menu, ahora ya va haciendo lo que quiero, pero tengo un pequeño problema, os cuento, al tener la pagina maximizada si navego por el menu, los distintos submenues me aparezen donde quiero, el problema me surge cuando redimensiono la pagina, que me aparecen los submenues un poco desplazados, os pongo el codigo para que veais como lo tengo.

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
	<TITLE>Sigremar</TITLE>
	
	<style>
	#mainMenu1 {
  background-color:#EEE;
  color: #000;
  margin: 0 0 0;
  padding: 0;
  
  z-index: 1;
  position: static;
  
}

#menuList1 {
  border: 1px solid #CCC;
  margin: 0;
  padding: 0 6px;
 
}

#menuList1 li {
 
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  
}

#menuList1 li a {
  background-color: transparent;
  color: #000;
  display: inline;
  line-height: 1.8em;
  border: 1px solid #EEE;
  margin: 0;
  padding: 2px 10px;
  
  text-decoration: none;
}

#menuList1 li a:hover, #menuList1 li a:focus {
  background-color: #f8f8f8;
  color: #000;
  border-color: #CCC;
}


#menuList1 li a.actuator {
  width: auto; 
  
  color: #000;
  padding-right: 20px;
}

#menuList1 li a.actuator:hover, #menuList1 li a.actuator:focus {
  width/* */: auto;   
  color: #000;
}

#menuList1 .menu {
  background-color: #EEE;
  color: #000;
  border: 1px solid #CCC;
  margin: 0;
  padding: 2px; 
  z-index: 1;
  position: absolute;
  visibility: hidden;  
}

#menuList1 .menu .menu {
  margin-left: 2px;
 

#menuList1 .menu li a {
  display: block;
  line-height: normal;
}
</style>
    
	
	<script type="text/javascript" src="menuDropdown.js"></script>
   
</HEAD>

<BODY LEFTMARGIN=0 TOPMARGIN=0 background="imagenes/fondo_general.gif">
<TABLE WIDTH="760" height="450" BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="center">
<TR>
	<TD >
	<TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
		<TR>
			<TD WIDTH="100%">

			<div id="mainMenu1">
      <ul id="menuList1">
        
        <li>
          <a class="actuator" href="#">Administrador</a>
          <ul class="menu">
            <li>
              <a class="actuator" href="#">Control Usuarios</a>
              <ul class="menu">
                <li><a href="#">Alta Usurios</a></li>
                <li><a href="#">Baja Usurios</a></li>
                <li><a href="#">Cambio Usuarios</a></li>                
              </ul>
            </li>
            <li><a href="#">Handhelds and PDAs</a></li>
            <li><a href="#">Internet Cards</a></li>
            <li><a href="#">Accessories</a></li>
          </ul>
        </li>
        <li>
          <a class="actuator" href="#">Plans</a>
          <ul class="menu">
            <li><a href="#">National Rate Plans</a></li>
            <li><a href="#">Regional Rate Plans</a></li>
          </ul>
        </li>
        <li>
          <a class="actuator" href="#">Coverage</a>
          <ul class="menu">
            <li><a href="#">National Coverage</a></li>
            <li><a href="#">International Coverage</a></li>
          </ul>
        </li>
        <li>
          <a class="actuator" href="#">Company info</a>
          <ul class="menu">
            <li><a href="#">T-Mobile USA Jobs</a></li>
            <li><a href="#">Press Room</a></li>
            <li><a href="#">Investor Relations</a></li>
            <li><a href="#">Conducting Business</a></li>
			<li><a href="#">T-Mobile USA Jobs</a></li>
            <li><a href="#">Press Room</a></li>
            <li><a href="#">Investor Relations</a></li>
            <li><a href="#">Conducting Business</a></li>
			<li><a href="#">T-Mobile USA Jobs</a></li>
            <li><a href="#">Press Room</a></li>
            <li><a href="#">Investor Relations</a></li>
            <li><a href="#">Conducting Business</a></li>
			
			<li><a href="#">T-Mobile USA Jobs</a></li>
            <li><a href="#">Press Room</a></li>
            <li><a href="#">Investor Relations</a></li>
            <li><a href="#">Conducting Business</a></li>
			<li><a href="#">T-Mobile USA Jobs</a></li>
            <li><a href="#">Press Room</a></li>
            <li><a href="#">Investor Relations</a></li>
            <li><a href="#">Conducting Business</a></li>
          </ul>
        </li>
        <li>
          <a class="actuator" href="#">Help</a>
          <ul class="menu">
            <li><a href="#">Help Overview</a></li>
            <li><a href="#">Products</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Billing Information</a></li>
            <li><a href="#">Contacts Us</a></li>
          </ul>
        </li>
      </ul>
    </div>
			</TD>
			
		</TR>
		</TABLE>
	</TD>	
</TR>
</table>

</BODY>
</HTML>

si en las opciones de la tabla le saco el align="center" me lo hace bien, pero me coloca todo el diseño a la izquierda y yo quiero que la tabla me la muestre centrada, alguno sabe como puedo hacer para que las opciones del menu al redimensonar la pagina me aparezcan en su sitio.
un saludo.