todavía trabajo en local. Lo del overflow ha funcionado.
Lo de que puede ser por espacio lo dudo, de hecho fue lo primero que pensé y también lo primero que probé:
esto lo hago con este código:
Cita: <!-- sub cuerpo de la pagina -->
<div id="subcontenedor">
<!-- columna de la izquierda -->
<div id="contCategorias">
<div id="categoriasImg">
<img src="./imgp/categorias.png">
</div>
<div id="categorias">
<form name="frmMenuNavegacion" action="./util/actMenu.php" method="post">
<input type="hidden" name="idIndex" id="idIndex">
esto se llena con php y salen los cuadrados negros
</form>
</div>
</div>
<!-- bloque central -->
<div id="central">
<div id="navegacionBar">
Inicio
</div>
<div id="navegacionDiv">
prueba....
</div>
</div>
<!-- columna de la derecha -->
<!-- <div id="otros">
prueba...<br><br><br><br><br><br><br><br>
</div>-->
</div>
</div>
y el CSS:
Cita: /* barra izquierda */
#contCategorias {
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:260px;
background:#F6F6F6;
border:1px solid #000;
border-radius:5px;
overflow:hidden;
}
#categoriasImg { /* contenedor de la imagen */
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
width:240px;
background:#F6F6F6;
border-radius:5px;
}
#categorias {
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:240px;
background:#F6F6F6;
border:1px solid #000;
border-radius:5px;
}
#categorias img {
margin-top:2px;
margin-left:0px;
margin-right:0px;
margin-bottom:2px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:100px;
height:100px;
border-radius:5px;
}
/* cuadro central */
#central {
margin-top:10px;
margin-left:0px;
margin-right:10px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:560px;
border:1px solid #000;
border-radius:5px;
}
#navegacionBar {
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:540px;
border:1px solid #000;
border-radius:5px;
color:#00A6D6;
}
#navegacionDiv {
margin-top:0px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:540px;
border-radius:5px;
}
sobran 200 y pico pixels pero aún así se situan uno bajo el otro.
Con lo del "login/carrito/cuenta" el problema es que antes de hacer login(si se diese colocado sin el relative) se vería bien. Sin embargo, al hacer login y aparecer los botones de "cuenta" y "carrito" se sale el subcontenedor de dentro del contenedor.
PD: muchísimas gracias por la ayuda :)