problema con menu lateral en ie, ayuda por favor!

[eurkene]

Hola a todos. Seguro que esto es muy comun y os esta pasando constantemente, pero soy nueva en esto de las css, estoy aprendiendo como puedo y en el foro no he visto la solución exacta a mi caso.
Tengo una pagina hecha con divs y en el div lateral tengo un menu con css en el div llamado menu. Este se ve bien en el firefox, pero en ie se me ve centrado (yo lo quiero alineado a la izda, en el borde de la pagina)he probado millones de cosas y llevo 2 días de trabajo perdidos con este tema, estoy por hacerlo como antaño, con tablas y rollovers.
La página es esta (no se como pegais aqui el codigo en ventanita dentro, no se hacerlo :) (sacar los espacios) w w w.maugeweb.com/imagina y el css esta en w w w.maugeweb.com/imagina/menulateralbueno.css

También tengo que hacer que ese menu que tenga esta apariencia:
w w w.maugeweb.com/imagina/imgx/Pantalla4.jpg. aun no lo consigo, aunque sigo intentandolo. Me gustaría hacerlo con css, sin javascript. Si alguien tiene alguna sugerencia se lo agradecería.
Un saludo

[hades87]

para hacer menús con css usa listas

y para cuando pase por encima le podrías poner mas margen y así da el efecto de desplazamiento ^^

[CrepitantE]

Prueba esto (no lo he hecho).

En el siguiente código en tu html:

Código:

 <p align="center"><img src="imgx/logoimagina.gif" alt="logo imaginascene" width="179" height="83" /></p>

Quítale las etiquetas <p> de forma que quede así:

Código:

 <img src="imgx/logoimagina.gif" alt="logo imaginascene" width="179" height="83" />

[eurkene]

Gracias Hades, mirare el enlace a ver si me inspiro. lo que ocurre es que tengo el que tengo hecho (con listas tambien) y me gustaria saber modificarlo para que tenga ese aspecto, pero bueno puedo empezarlo de 0.

Crepitante, tu idea es buena claro, pero no es el logo el que quería alinear a la izda, sino el menu con listas que tengo debajo, en otro div, y que lo pongo bien en firefox pero se me centra en el ie. He probado de todo, hasta meterlo en una tabla y sigue haciendo lo mismo. Algo tendre en el codigo por ahi que me obliga a ello o igual algun margin o padding sin meter, no se, me supera esto :)
Gracias por la ayuda sigo investigando

[maese_camara]

Hola Eurkene, probablemente sepas más que yo sobre css. Yo me he bajado un libro de internet que es con el que estoy aprendiendo y hablan de los 'Hacks y filtros'. Son pequeños scripts para que cada broser interprete bien la página. (pag 167).

http://www.librosweb.es/css

Los Hacks son estilo
________
<!--[if IE]>
<style type="text/css">
@import ("ie.css");
</style>
<![endif]-->
________

Ya te digo que no controlo demasiado del tema,estoy empezando.Suerte, ánimo.

[feral]

Gora Berriozar

He echado un vistazo a la web en varios navegadores, y el cuadro amarillo de la zona de navegacion "se sube" hacia arriba.
No he indagado mucho en el codigo pero generalmente para evitar esas cosas se aplica clear: both; al div que no queremos que se nos vaya de parranda.

Segun como tienes estructurada la pagina yo haria un bloque contenedor que contenga tanto la parte izquierda de la navegacion como la parte derecha del texto con un width determinado. Dentro de ese bloque la parte de la navegacion en otro bloque div y el texto en otro bloque div diferente. Dentro de esos dos divs , los divs que sean necesarios para el resto de elementos.

El div que contenga a los divs de la navegacion flotarlo a la izquierda y darlo un width concreto, El div que contiene el texto de la derecha, flotarlo a la izquierda tambien (a la derecha tb daria resultado) y aplicarle un width concreto tambien.
Importante para que todo quede en su sitio es que (la suma del width+margenes horizontales+ bordes hor.+ rellenos hor. del div de navegacion) mas (la suma del width+margenes horizontales+ bordes hor.+ relleno hor. del div de texto de la derecha ) sea igual a (la suma del width+margenes horizontales+ bordes hor.+ rellenos hor. del div contenedor de los divs principales contendores de la parte izquierda y derecha.)

[vegas2times]

Que tal, les comento que el tema de los hacks no es necesario si se una un Estandar HTML unico para todos los sitios, para ello deberian agregar la siguiente linea al comienzo del HTML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

desde que trabajo con ese Estandar no he tenido problemas y maqueto por igual para IE como para los demas exploradores. sin la necesidad de hacks y/o andar haciendo multiples CSS.

algo que recomiendo es modelar la maquetacion siempre al mismo tiempo, tanto en firefox como en IE, y utilizar en lo posible IE6.

Iniciado por maese_camara

Hola Eurkene, probablemente sepas más que yo sobre css. Yo me he bajado un libro de internet que es con el que estoy aprendiendo y hablan de los 'Hacks y filtros'. Son pequeños scripts para que cada broser interprete bien la página. (pag 167).

http://www.librosweb.es/css

Los Hacks son estilo
________
<!--[if IE]>
<style type="text/css">
@import ("ie.css");
</style>
<![endif]-->
________

Ya te digo que no controlo demasiado del tema,estoy empezando.Suerte, ánimo.

[JavierB]

Hola vegas2times

Te recuerdo el aviso que había al final de este tema y que parece que no has leído.



Tema cerrado.