Foros del Web » Creando para Internet » CSS »

problema con los height de los divs

Estas en el tema de problema con los height de los divs en el foro de CSS en Foros del Web. Buenas, este es un error que desde que estoy tratando de pasarme a esto de los estandares no lo pude resolver, ya pregunté en el ...
  #1 (permalink)  
Antiguo 11/09/2009, 08:42
Avatar de vb2005  
Fecha de Ingreso: noviembre-2005
Ubicación: Paderborn - Alemania
Mensajes: 523
Antigüedad: 12 años
Puntos: 19
problema con los height de los divs

Buenas, este es un error que desde que estoy tratando de pasarme a esto de los estandares no lo pude resolver, ya pregunté en el foro por algo similar pero para otro diseño, ahora estoy tratando de hacerlo con mi web.

http://l2inside.org/l2/diseno.html

El problema es que como se puede ver, el menu no repite el background de los costados porque su height no aumenta a medida que yo le pongo contenido al del medio.

Debería quedar asi: http://l2inside.org/l2

Espero que me puedan ayudar, desde ya Muchisimas gracias
__________________
www.marcher.com.uy - Web personal
Nerd's Corner - Desarrollo de software a medida
  #2 (permalink)  
Antiguo 11/09/2009, 09:42
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: problema con los height de los divs

Veo dos cosas:

Height: 100% en "menu-middle" no va a funcionar, a menos que todos sus contenedores, incluido body, sean de height:100% tambien.

Ademas, tenes : overflow:hidden; que quizas este causando problemas.

No tengo la solucion de estandares, pero podes escribir overflow-x:hidden;

Tambien probar con height: auto;
  #3 (permalink)  
Antiguo 11/09/2009, 10:10
Avatar de vb2005  
Fecha de Ingreso: noviembre-2005
Ubicación: Paderborn - Alemania
Mensajes: 523
Antigüedad: 12 años
Puntos: 19
Respuesta: problema con los height de los divs

mayid, gracias por tu respuesta, pero sigue todo igual, yo lamentablemente no tengo la capacidad ni la experiencia sufuficiente como para darme cuenta de donde esta el problema....
__________________
www.marcher.com.uy - Web personal
Nerd's Corner - Desarrollo de software a medida
  #4 (permalink)  
Antiguo 11/09/2009, 10:25
Avatar de visitante28  
Fecha de Ingreso: julio-2009
Ubicación: Black Stone City
Mensajes: 128
Antigüedad: 8 años, 5 meses
Puntos: 1
Respuesta: problema con los height de los divs

hola

puedes poner el codigo de tu estilo para para ayudarte mejor...


saludos.
  #5 (permalink)  
Antiguo 11/09/2009, 11:01
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: problema con los height de los divs

Hola Vb2005
Creo que estás el origen de tus problemas es que estás queriendo hacer con div's (y sólo div's) lo mismo que con tablas y de la misma manera.

Por eso, para hacer tu menú, estás utilizando del orden de 14 ó 15 cajas, cuando con un solo div y una lista (ul/li) podrías conseguirlo.

Te iba a soltar un rollo teórico de cómo conseguirlo, pero creo que es mejor lo siguiente:
Pon la imagen de ese menú (sin trocearla y sin texto alguno sobre ella).
Si puede ser en formato .png y con su máscara, mejor

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 11/09/2009, 17:00
Avatar de vb2005  
Fecha de Ingreso: noviembre-2005
Ubicación: Paderborn - Alemania
Mensajes: 523
Antigüedad: 12 años
Puntos: 19
Respuesta: problema con los height de los divs

Gracias kseso?

pero como puedes ver el skin es el de mi web vieja, y ya perdí el psd las imágenes que tengo son esas.

como vez no se mucho todavía sobre esto, pero trataré de entender todo lo que me puedan explicar :P

Muchas gracias
__________________
www.marcher.com.uy - Web personal
Nerd's Corner - Desarrollo de software a medida
  #7 (permalink)  
Antiguo 11/09/2009, 18:27
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: problema con los height de los divs

Bueno, veamos a ver si es esto lo que andas buscando, vb2005
Como verás, sólo hay un div y una lista y se utilizan 3 imágenes.
Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
  3. <title>Kseso? jugando con css</title>
  4. <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
  5. <style type="text/css">
  6. * {margin: 0; padding:0; outline: none; border: 0;}
  7. body, html {
  8.     background-color: #000000;
  9.     height: 100%;
  10.     width: 100%;
  11. }
  12. #menu {width: 202px;
  13.   background: transparent url(http://img21.imageshack.us/img21/9074/superior.png) no-repeat;
  14. }
  15. #menu span {
  16.   display: block;
  17.   text-align: center;
  18.   height: 48px;
  19.   line-height: 50px;
  20.   color: #f5f5f5;
  21. }
  22. #menu ul {}
  23. #menu ul li {
  24.   background: transparent url(http://img29.imageshack.us/img29/7453/cuerpo.png) repeat-y;
  25.   list-style-type: none;
  26.   display: block;
  27.   width: 202px;
  28.   text-align: left;
  29. }
  30. #menu ul li a {
  31.   display: block;
  32.   width: 100%;
  33.   padding: 0 0 5px 15px;
  34.   color: #f5f5f5;
  35.   text-decoration: none;
  36. }
  37. #menu ul li.ultimo {background: transparent url(http://img10.imageshack.us/img10/8080/cierre.png) no-repeat 0 bottom; height: 27px; padding:0;}
  38. #menu ul li a:hover {text-decoration: underline;}
  39. </head>
  40. <div id="menu">
  41. <span>Categorías</span>
  42.     <ul>
  43.         <li><a href="#" title="item 1">Item 1</a></li>
  44.         <li><a href="#" title="item 2">Item 2</a></li>
  45.         <li><a href="#" title="item 3">Item 3</a></li>
  46.         <li><a href="#" title="item 4">Item 4</a></li>
  47.         <li class="ultimo"><a href="#" title="item 5">Item 5</a></li>
  48.     </ul>
  49. </div>
  50. </body>
  51. </html>

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #8 (permalink)  
Antiguo 12/09/2009, 16:51
Avatar de vb2005  
Fecha de Ingreso: noviembre-2005
Ubicación: Paderborn - Alemania
Mensajes: 523
Antigüedad: 12 años
Puntos: 19
Respuesta: problema con los height de los divs

wow kseso? !!!! muchisimas gracias!!! eres un genio!

ahora mi problema radica en el bloque principal, porque como puedes ver en la web orignal tanto su ancho como su alto es variable.

Por eso mismo es que buscaba hacer lo mismo en los menús, porque nunca se me repiten las imágenes de los costados para abajo.

Saludos y muchisisimas gracias
__________________
www.marcher.com.uy - Web personal
Nerd's Corner - Desarrollo de software a medida
  #9 (permalink)  
Antiguo 12/09/2009, 19:09
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: problema con los height de los divs

De nada, vb2005. Pero genio es el que con lo que todos conocen y tienen hace algo totalmente novedoso. Yo me limito a aplicar lo que he aprendido de otros.

Bueno, vamos con lo que planteas ahora.
Pero en este caso no hay código personalizado, de momento.
Para la estructura adaptada a la ventana con una anchura mínima puede servirte este ejemplo (es código )

Para la columna central, o mejor dicho, para los fondos de sus contenidos, creo que puede servirte de ejemplo la página de Pao01
www.autosconarte.com
En concreto, las cajas a fijarse son #contenedorgral y #contenedorpag

Lo intentas, y es caso de que encuentres dificultades ya comentas.

Un saludo.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #10 (permalink)  
Antiguo 13/09/2009, 16:36
Avatar de vb2005  
Fecha de Ingreso: noviembre-2005
Ubicación: Paderborn - Alemania
Mensajes: 523
Antigüedad: 12 años
Puntos: 19
Respuesta: problema con los height de los divs

pah la verdad que no tengo como agradecerte, quedó todo barbaro y por primera vez todo me valida!!!
__________________
www.marcher.com.uy - Web personal
Nerd's Corner - Desarrollo de software a medida
  #11 (permalink)  
Antiguo 13/09/2009, 17:52
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: problema con los height de los divs

Hola VB2005
¿Quieres decir que lograste hacer las cajas del bloque central adaptadas a la anchura?
Pues enhorabuena.
Pasé por tu página, pero aun no la has actualizado.
Estaría bien que comentes cuando lo hagas (actualizar el primer enlace que publicaste) o que te explayes algo contando cómo lo has hecho.
Por curiosidad, ya sabes

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 22:38.