Quiero pedirles ayuda pues tengo un problema con mi sitio web, he tratado de resolverlo y no encuentro la manera. Estoy haciendo un sitio con php modular y css, tengo un index.php el cual manda a llamar por medio de un include un menu, un submenu y el texto e imagen de acuerdo al link q se elija. Segun yo, el problema es del css x eso es q pongo mi pregunta en esta seccion, ojala puedan ayudarme xq he intentado y no se en donde esta el problema.
Ahora bien, el menu principal esta en un la parte de arriba en horizontal en un div id="menu", dependiendo si se elige un link (o botoncito) se activa un submenu div id="submenu" (en la parte de abajo seguida al div de menu en posicion horizontal) q tiene tres links (o botoncitos) , el siguiente div es el de "contenido" q contiene otros dos divs uno para el "texto" y otro para una imagen div "imagenes". Para hacer q funcionara el submenu segun el link q queria y despues de haberla pensado mucho lo logre, no se si es correcto haberlo hecho asi, pero funciona y lo resolvi segun mi logica
. El problema es q a la hora q se activa el submenu me modifica la posicion del div de "texto" e "imagenes" lo baja, como si estuvieran seguidos al div de submenu, pero no asi el div de contenido xq este si esta en la posicion correcta y en teoria este es el div q engloba los divs de texto e imagenes y no deberia alterarse su posicion si el div de contenido no lo hace por estar contenidos en este. Pero al parecer se liga su posicion al div de "submenu", no se si me explico, a continuacion les dejo parte del codigo php y cssindex.php
<div id="menu">
<? include ("includes/menu.php"); ?>
</div>
<div id="submenu">
<? if(($_GET['page']==ainvintro || $_GET['page']==iartif) || ($_GET['page']==sefpga || $_GET['page']==robot)){
include("includes/submenu.php");} ?>
</div>
<div id="contenido">
<div id="texto">
<?php include ("includes/pages.php"); ?>
</div>
<div id="imagenes">
<?php include ("include/images.php"); ?>
</div>
</div>
style.css
#menu {width:950px; height: 25px;float:left; position:relative;top:-41px;left:42px;}
#submenu {background-color:red;width: 1024px;height:32px; position:relative; top:0px;left:0px;}
#contenido {background-color:gray;width:1024px;height:455px;border-top: #4F4F4F 1px solid ; border-bottom: #4F4F4F 1px solid;}
#texto {background-color:#FF0099;width:450px;height:374px;float:right; position:relative; top:16px;left:-65px; overflow:auto;padding:5px;}
#imagenes {background-color:#00CC33; width:370px; height:310px;float:left;position:relative; top:45px;left:65px;}
#submenuin ul{list-style:none; margin:0px; padding:0px;float:left;}
#submenuin ul li{/*background-color:blue*/padding:0px; float:left;position:relative;top:-22px;left:160px;}
#submenuin ul li a {display:block;height:25px;text-decoration:none;}
#submenuin ul li a:hover {background-position:bottom; background-color:#232323;}
#submenuin ul li a span {display:none;}
#ia {width:233px; background-position:bottom; background-image:url(im/msia.png);background-repeat:no-repeat;float:left;}
#sef {width:312px;background-position:bottom;background-image:url(im/mssef.png);background-repeat:no-repeat;float:left;}
#robot {width:140px;background-position:bottom;background-image:url(im/msrobot.png);background-repeat:no-repeat;float:left;}
Jjeje! se q la combinación de los colores de background de cada div es horrible, solo se los di para identificar la ubicación y como se 'mueven'.
Muchsimas gracias de antemano, espero me puedan ayudar xq yo no puedo resolverlo
pd. despues del div de contenido hay un div para el pie, con ese no tengo problemas ni modifica tampoco su posicion de contenido ni nada se active o no el submenu.
