Buenas, tengo mi web
en la cual si alguna de las divs de la izquierda se hace más larga... es decir si su height aumenta el contenido de la derecha se hace hacia abajo... :S ¿eso porque es? Grax
| |||
Problema en descolocación de las DIVS Buenas, tengo mi web en la cual si alguna de las divs de la izquierda se hace más larga... es decir si su height aumenta el contenido de la derecha se hace hacia abajo... :S ¿eso porque es? Grax |
| ||||
Respuesta: Problema en descolocación de las DIVS Eso puede ser por que ambas tengan el height auto, o estén dentro del mismo contenedor padre, por lo que si una empuja hacia abajo la otra también lo haga. Yo tanto al padre como a las cajas les pondría un height auto y así cada una crece lo necesario.
__________________ No diseñes usando tablas. |
| ||||
Respuesta: Problema en descolocación de las DIVS Para que usas tablas? antes que nada yo te aconsejaría que miraras tutoriales de css, en www.araudi.net tienes varios ejemplo, además de organizar un poco mejor la web, que la veo algo caótica
__________________ No diseñes usando tablas. |
| |||
Respuesta: Problema en descolocación de las DIVS Quién sepa alguna invocación o conjuro de adivinación que lo haga. O esperamos al Oráculo Creo que sea lo que sea lo que le ocurre y lo que quiere conseguir pasa por una estructura de cabeza, cuerpo multicolumna y posíblemente píe. Así que quizás terminemos enlazando páginas de layouts. Mi aportación por adelantado: http://matthewjamestaylor.com/ Un saludo |
| |||
Respuesta: Problema en descolocación de las DIVS No lo viste... mira el link que dejé antes... hay una imágen y en la segunda imagen, al hacer un div de la izquieda más alto, el contenido de la derecha se corre hacia abajo... |
| ||||
Respuesta: Problema en descolocación de las DIVS Hola de nuevo Labelin, exactamente no sé la razón, pero sí creo que se comporta de forma extraña al tener una anidación de elementos "creo" incorrecta. tienes tu contenedor derecho dentro del contenedor izquierdo; en realidad tienes a tu contenedor derecho dentro de un bloque que está dentro del contenedor izquierdo. Prueba a sacar tu contenedor derecho del izquierdo a ver qué sucede |
| ||||
Respuesta: Problema en descolocación de las DIVS ¿A qué te refieres con que lo ves bien? ¿a que te parece una anidación adecuada o a que no ves el contenedor derecho dentro del izquierdo? |
| ||||
Respuesta: Problema en descolocación de las DIVS ah, ok. Pues sí que lo está. ¿No usas la toolbar de webdeveloper para Firefox? con eso te lo marca muy claro https://addons.mozilla.org/es-ES/firefox/addon/60 Con esa barra instalada te muestra en dónde está metido cada elemento que señales y, efectivamente, el contenedor derecho está dentro de otro contenedor que está dentro del izquierdo. También puedes probar a poner bordes temporales (vamos, que luego se los quitas) para ver qué está dentro de qué si no quieres usar la web developer toolbar. Por ejemplo a #newa ponel un border rojo, a #contenidoDerecho ponle uno verde y a #contenidoIzquierdo ponle uno azul, y verás cómo está anidado dentro de los otros |
| |||
Respuesta: Problema en descolocación de las DIVS Mira, Labelin, lo que te dice Tunait. Y verás que el footer está dentro del contenido central. Por eso te comentaba que yo veía una cuestión de layout Y en FF 3.0.10 el banner te tapa parte de los contenidos. Un saludo Edito: qué lento anda imagesack |
| ||||
Respuesta: Problema en descolocación de las DIVS El firebug es otra opción En la captura de imagen de kseso? se vé muy bien el anidamiento. al estar el contenedor derecho dentro del último bloque dentro del izquierdo su posición superior está alineada al borde superior de ese contenedor (#newa); supongo que para compensarlo por eso le diste al contenedor #contenido un margen superior negativo de -310px. Pero claro, si agregas otra línea al menú el contendor #newa baja y por lo tanto su contenido también (el contenedor derecho) y el contenido de éste (#contenido) le sigue hacia abajo. En cualquier caso habrías de compensar aumentando el valor negativo de el margen superior de #contenido cada vez que agregaras líneas al izquierdo pero claro .... eso es tenerlo atado con hilos |
| |||
Respuesta: Problema en descolocación de las DIVS Con el firebug yo también lo veo mal... pero mirad: Código HTML: <div id="contenedor"> <? include('cabezera.php'); ?> <div id="contenidoIzquierdo"> <? include('menu.php'); ?> <? include('buscador.php'); ?> <? include('vinews.php'); ?> </div> <div id="contenidoDerecho"> <div id="arriba_menu" style="margin-left:190px; margin-top:-330px; width:740px;"> Contenido </div> <? include('partidos.php'); ?> <div id="footer"> <a href="/pyp.php">Politica y privacidad</a> </div> </div> </div> |
| ||||
Respuesta: Problema en descolocación de las DIVS ok, ahí estará correcto, pero se está incluyendo código adicional con cada include. Dentro de alguno de los includes debe de haber código mal anidado o algo sin cerrar que provoca una reacción en cadena de forma que el navegador está interpretando que la anidación es diferente de como debiera ser. |
| |||
Respuesta: Problema en descolocación de las DIVS Ya lo encontré, era en el vinews que no cerraba una tabla... ahora el contenido derecho no esta dentro pero también ocurre lo mismo... cuando haces más alto el contenido izquierdo, el derecho desciende :S |
| ||||
Respuesta: Problema en descolocación de las DIVS Estupendo, al menos ya lo tienes bien anidado Ahora el tema te viene por una simple cuestión de espacio. No te caben ambos contenedores flotándolos los dos. 1 - quita el margen superior negativo a #contenido 2 - quítale el flotado a la derecha al contenedor derecho 3 - quítale el margen superior al contenedor derecho Con eso se debería arreglar |
| |||
Respuesta: Problema en descolocación de las DIVS Me alegro que arribases a buen puerto, Labelin. Pero yo no hice nada. Estaba de "miranda". El mérito es todo de la "jefa". Ahora "sólo" una manita de pintura (un poquito de diseño). Un saludo |
| |||
Respuesta: Problema en descolocación de las DIVS Sí, es en lo que fallo x'D el diseño no se me da muy bien... |
| ||||
Respuesta: Problema en descolocación de las DIVS Código HTML: <table><ul id='navegador'></ul></table> PD: Labelin, si quieres coger ideas y diseños mírate la web de www.araudi.net que tiene muy buenas cosas respetando estándares y la W3C
__________________ No diseñes usando tablas. |
| |||
Respuesta: Problema en descolocación de las DIVS Si echas un vistazo a los temas fijos de este foro (a los que siempre están arriba del todo) verás que hay uno que dice: directorio de paginas de diseño con css Posíblemente encuentres algo de interés. Ya sabes que quien no lo intenta no lo consigue y llegado el caso por aquí andará alguien que te pueda echar una mano. Suerte |