Aprovecho para presentarme, soy Strate y estoy emprendiendo algunos proyectos web, así que tengo muuuucho que aprender, pero bueno, a ello voy.
Queria preguntaros por el problema que tengo con un tema, y es que tengo una página la cual estoy maquetando que se ve bien en IE6 pero no en Firefox, os pongo una imágen que vale más que mil palabras.
Firefox:
IE6:
Como decía el problema es que debe quedar como lo muestra IE pero no consigo hacerlo.
A continuación os pongo el código CSS para ver si me podeis ayudar a encontrar la solución a mi problema.
CSS:
Código:
Perdonad que lo pegue todo, pero esque si veis algún otro problema, mala estructuración, etc... comentadmelo porfavor, estoy empezando y seguro que tengo miles de fallos./* ESTILOS GENERALES */ body { background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; /* margin: 0px; padding: 0px; */ text-align: center; } /* MAQUETACIÓN */ #contenedor { width: 1000px; margin: 0 auto 0 auto; background-color: #dff4d0; height: auto ! important; position: relative; border: 1px solid #6a6a6a; } #header { width: 1000px; height: 40px; background-color: #e4a5c1; margin: 0 auto 0 auto; position: relative; } #sub_header { width: 1000px; height: 200px; background-color: #8080ff; margin: 0 auto 0 auto; position: relative; display: block; clear: both; } #menu_sup { width: 1000px; height: auto !important; padding: 0px; background-color: #2175bc; margin: 0 auto 0 auto; clear: both; } #menu_sup li { display: inline; } #menu_sup li a { font-family: Arial; font-size:11px; text-decoration: none; float:left; padding: 10px; background-color: #2175bc; color: #fff; } #menu_sup li a:hover { background-color: #2586d7; margin-top: -2px; padding-bottom: 12px; } #menu_izq { width: 200px; height: auto; background-color: #beac9a; float: left; position: relative; } #contenido { width: 600px; height: auto; background-color: #fbf28e; float: left; position: relative; } #menu_der { width: 200px; height: auto; background-color: #408080; float: left; position: relative; } #pie { width: 1000px; height: auto; clear: both; background-color: #f7aef9; margin: 0 auto 0 auto; position: relative; } /* ESTILOS CUERPO */
La dinámica de mi web va a ser sobre turismo, la idea es hacerla de 0 sobre todo porque es como un proyecto personal y así aprender tanto diseño como programación web.
Bueno, a ver si alguien me puede echar una manita
Muchas gracias y Saludos a todos!!