Foros del Web » Creando para Internet » CSS »

Activación de un div (submenu) me desajusta el siguiente div

Estas en el tema de Activación de un div (submenu) me desajusta el siguiente div en el foro de CSS en Foros del Web. Hola a todos!! Antes q nada muchas gracias x la ayuda, apesar de q no estaba registrada me ha ayudado mucho este foro y me ...
  #1 (permalink)  
Antiguo 16/10/2009, 10:52
 
Fecha de Ingreso: octubre-2009
Ubicación: Algun lugar del universo
Mensajes: 42
Antigüedad: 8 años, 2 meses
Puntos: 1
Activación de un div (submenu) me desajusta el siguiente div

Hola a todos!!
Antes q nada muchas gracias x la ayuda, apesar de q no estaba registrada me ha ayudado mucho este foro y me he animado a registrarme x lo util q es. Apenas estoy empezando y tengo algunas dudas, muchas de ellas las he estado resolviendo gracia a este foro y a algunas otras paginas.
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 css

index.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.

annekee
  #2 (permalink)  
Antiguo 16/10/2009, 12:26
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Activación de un div (submenu) me desajusta el siguiente div

Hola annekee

Podrías intentar sacar el div menu del flujo del documento, entendiendo que el menu va siempre arriba.

En lugar de flotarlo ponlo en posición absoluta, respetando tus medidas: width:950px; height: 25px. Y al siguiente div (contenido) lo sitúas con un margin-top igual a la altura del div del menu (en este caso 25px).

Vas haciendo y nos cuentas...

Bye
  #3 (permalink)  
Antiguo 19/10/2009, 04:17
 
Fecha de Ingreso: octubre-2009
Ubicación: Algun lugar del universo
Mensajes: 42
Antigüedad: 8 años, 2 meses
Puntos: 1
Respuesta: Activación de un div (submenu) me desajusta el siguiente div

Hola deirdre!! muchas gracias por contestar.
Hice lo q me aconsejabas, y a pesar de q mejoraba no lograba q el div de texto quedara exactamente en el mismo lugar.
Despues de repasarlo mil veces y pensarlo mucho mas, cai en la cuenta q a la hora de activar el submenu ese div estaba "ocupado" con los links y a la hora de desactivarlo quedaba "vacio" el div(desde el index.php) por lo q hacia q inevitablemente todo subiera y al ocuparse hacia q se recorrieran ambos divs, la cosa aqui es q no se bien xq el div contenedor no tenia problemas y ese nunca cambiaba su posicion estuviera o no activado el submenu, pero en fin....
He hecho un poco de trampa y finalmente lo q hice fue q ese div nunca quedara vacio, es decir, cuando no estan los links del submenu, le coloco una imagen png transparente, jejejej!!
si, se q tal vez no es lo correcto pero ya queda como queria. y el div no queda 'vacio' de manera q ya no recorre los demas divs.
Saludos y muchas garcias!!!!!!!!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:49.