[SOLUCIONADO] Problema al posicionar un menu

[miriamgomez]

Buenas:

He tratado de poner el menu del siguiente tutorial en mi web:

http://buildinternet.com/2009/09/spr...humbnail-menu/.

Os dejo el codigo css original;

Código CSS:

*{ padding:0px; margin:0px; }
        img{ border: none; -ms-interpolation-mode: bicubic; }
        body{ padding:10px; text-align:center; background:#fafafa; }
        
        #wrapper{ position:absolute; left:20%; padding-top:100px; width:650px;}
        
        #menuwrapper{ position:relative; height:210px;}
            #menu{position:absolute; bottom:0; left:0;}
                .menuitem{ position:fixed relative; bottom:0px; display:inline-block; }
 

Esta muy bien y me gusto.

Pero cuando he tratado de ponerlo en mi web no he sido capaz de que se ajuste:

- primero queria pasarlo de una sola linea a un cuadro ( Esto mas o menos lo he conseguigo.

- pero luego no consigo posicionarlo, no se ajusta, "invade" otro div, ...

Os dejo un enlace a mi web, esta llena de colorines tratando de averiguar por que no respeta los espacios (tendria que estirar el div rojo y no meterse en el azul):
http://www.aprendiendomates.com/nuevo.php

yo he ido modificando el css hasta llegar a esto:

Código CSS:

#wrapper img{ border: none; -ms-interpolation-mode: bicubic; }
    
        
        #wrapper{ position:absolute;  width:350px; background-color:#CF0}
        
        #menuwrapper{ position:relative; height:410px;}
            #menu{position:absolute; bottom:0; left:0;}
                .menuitem{ position:fixed relative; bottom:0px; display:inline-block; }
 

GRACIAS DE ANTEMANO

[pzin]

No entiendo muy bien tu problema y/o problema.

Pero el código es bastante malillo, cosas como position: fixed relative; no existen. No es por lo pronto esa página una fuente muy fiable. Además parece que usa jQuery, no tengo claro que sea un problema de CSS. Aunque como digo no entiendo bien la pregunta y/o el problema.

[miriamgomez]

Muchas gracias por tu respuesta:

Intento explicarme mejor y con la ayuda de un dibujo igual es mas facil:

Todo el menu esta contenido en un div que se llama contenedorc. No tiene una altura fija, sino se estira conforme el contenido.( marcado con la flecha 1 y de color celeste)

Pues bien, si el menu esta contenido en el¿ no se debería "estirar" sin invadir otros divs?, como se muestra en la flecha numero 2

[C2am]

Tu problema es la posicion absoluta que declaras en:

Código CSS:

#wrapper {position: absolute;}
 

Lo cual no tiene ningún sentido.

Esto sumado a que tal como dijo pzin deberas revisar cosas tales como:

Código CSS:

position: fixed relative;
 

[miriamgomez]

Mil gracias, era tan solo cuestion de cambiar esto:

Código CSS:

#wrapper {position: absolute;}
 

por esto:

Código CSS:

#wrapper {}
 

Un saludo

[pzin]

Iniciado por miriamgomez

por esto:

Código CSS:

#wrapper {}
 

Para eso ya lo quitas del todo.

[leonimadrid]

Iniciado por pzin

para eso ya lo quitas del todo.

+10 :-p