Hola Gastón,
Tienes puesto el doctype xhtml1.0 por lo que el navegador te entra
en modo standard (ie) por lo que el modelo de caja cumple el
satandar, el problema viene en el servidor, que te añade antes del
doctype una etiqueta de script, esto hace que el ie entre en
quirk mode y el modelo de cajas cambia.
te recomiendo retocar ese margin:0 auto que tienes el #menu ul y
pon en lugar de eso un margin:0; sin mas.
si lo que quieres es centrar el menú, te recomiendo que el
text-align; center ya que tienes los li como inline :)
y para el firefox, te recomiendo quitarle los padding a #menu ul
y dejar padding:0; ya que firefox por defecto le pone un padding a
las listas.
Y como nota, no te recomiendo un uso tan abusivo del
overflow:auto; mejor que el scroll sea el de la pagina, hay casos
como e iframe (que supongo será necesario, yo pondría una imagen y
un enlace a la web) en el que tal vez este justificado.
Un saludo.
Mas info de quirk mode en :
http://www.quirksmode.org/css/quirksmode.html
Thursday, July 28, 2005, 4:31:00 PM, you wrote:
G> Hola, les escibo para pedirles ayuda con las capas(div), ya que tengo
G> problemas con el posicionamiento de las mismas:
G> http://ubiargentina.webcindario.com/ubiargentina2/
G> si entran en la direccion que les deje arriba, veran cual es mi
G> problema, sino aparece el banner de arriba(que lo pone el hosting
G> gratuito), mi sitio se ve bien, pero cuando aparece la parte de arriba
G> se me va para abajo y no se como solucionarlo, aca le paso una parte
G> del codigo CSS que estoy usando:
G> div#estructura {
G> position: relative;
G> padding: 0px;
G> width: 760px;
G> background-color: #FFF;
G> margin: 0px auto 0px auto;
G> text-align: left;
G> top: auto;
G> overflow: auto;
G> }
G> div#header {
G> position: absolute;
G> width: 760px;
G> height: 96px;
G> margin: 0px auto 0px auto;
G> padding: 0px;
G> top: 5px;
G> overflow: auto;
G> }
G> div#head_logo_izq {
G> position: absolute;
G> width: 374px;
G> height: 94px;
G> margin: 0px 386px 0px auto;
G> top: auto;
G> float: left;
G> z-index: auto;
G> }
G> div#head_logo_der p {
G> position: absolute;
G> color: #3A3A3A;
G> text-align: right;
G> width: 386px;
G> margin: 0px auto 0px 374px;
G> top: auto;
G> bottom: 0px;
G> float: right;
G> z-index: auto;
G> }
G> div#menu ul {
G> position: absolute;
G> display: inline;
G> top: 100px;
G> width: 760px;
G> margin: 0px auto 0px auto;
G> z-index: auto;
G> }
G> #menu ul li {
G> padding: 0px 0px 0px 1px;
G> list-style: none;
G> display: inline;
G> }
G> div#contenido {
G> position: relative;
G> margin: 130px auto auto;
G> width: 760px;
G> overflow: auto;
G> }
G> div#pie {
G> color: #3A3A3A;
G> text-align: center;
G> font-size: x-small;
G> margin: 0px auto 0px auto;
G> }
G> div#pie p {
G> margin: 4px auto 10px auto;
G> }
G> Necesito que me digan como lo puedo solucionar este problema, que
G> mejoras y modificaciones tengo que hacer?.
G> desde ya muchas gracias
G> _______________________________________________
G> Lista de distribución Ovillo
G> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
G> Puedes modificar tus datos o desuscribirte en la siguiente
G> dirección: http://ovillo.org/mailman/listinfo/ovillo
Saludos.
_________________________________
Todo lo que no aprendí,
no se me ha olvidado.
_________________________________
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
