error "sencillo" en layout de divs

[cpucpu]

que tal. gracias por su atencion.

miren hise una estructuracion a base de divs, son 4 elementales: header,navigation,content,footer.

(debido a sus nombres ya sabemos donde se encuentran.)

bueno el caso es que el problema esta entre el "navigation"y el "content".... el navigation se encuentra en float:left con un width:10em; el content se encuentra a la derecha del navigation mediante un margin de 10em

...al principio todo va bien, pero al momento de modificar el tamaño de la ventana, los divs quedan desalineados, es decir uno se va debajo del otro.

no se como arreglarlo, espero alguien me entienda, esta es la direccion: http://www.geocities.com/thewebm/index3.htm
nota:creo q el error se ve desde q se entra a la pagina puesto que esta alojado en geocities y pone un frame que le corta espacio
pd:el div content es el cuadro grande de color gris

gracias

[cpucpu]

q pasa, nadie puede ayudarme...

[fullmental]

no veo problemas con los divs (quizá por que uso firefox :P)

[Votredieu]

Jejej yo también uso firefox y no veo problemas con tus divs, además probe tu web en Opera y tampoco hay problemas .

El frame de yahoo no tiene que ver, el problema esta en el Internet Explorer, que supongo es el navegador que estas usando, porque ahi es donde si se ve pésimo.

Prueba agregando el DOCTYPE a tu web

[baccxus]

#content {width:auto;background: url('images/maple-back.jpg') no-repeat bottom right;
margin-left:10em; padding-left: 10px;

Resulta que indicas en el CSS que el ancho de "content" es automático llenando el espacio que queda sobrante de "navigation", cierto?. que además tiene margen de 10em y padding de 10px por el lado izquierdo.

Qué pasa? que el Internet explorer te suma el valor de padding y por eso se te muestra debajo, o sea que el ancho de "content" es 10px más ancho en internet explorer, creo que algien alguna vez posteó ese error.

Saludos,

PD: ya te dije el por qué, ahora busquemos la solución!

[cpucpu]

ok, creo q habia escuchado algo sobre eso...pero creo q no es el caso.

miren, gracias por intentar ayudarme, tratare de explicarme mejor con imagenes, espero alguien pueda ayudarme:

ya mire la pagina en firefox y se ve bien, como ya saben al hacerle un "restore" aparece la web de la siguiente forma


lo cual esta correcto, asi es como debe verse, no?, supongo q es normal q al hacerle un "restore" lo unico q debe modificarse es la barra de desplazamiento la cual se hara mas grande.


Pero en iexplorer al hacerle un "restore", un div se va debajo del otro, de la siguiente manera:

ya se quepasa, pues me di cuenta q cuando se hace una dismunicion en el tamaño de la ventana los elementos dentro del div se compactan (en este caso las letras), pero cuando el div se comprime demasiado como para que una imagen sea mas grande que el div, entonces el div se "cae", (y es logico q despues que el div no pueda comprimirse mas por q una imagen le estorba, se haga mas grande, Pero no que se caiga).

supongo q es unor de mi parte pero no se que atributo me falla.
gracias y saludos.

[TheGhost]

le he dado miles de restores en IE y sale bien, como en la primera foto...

Saludos
The Ghost

[cpucpu]

seguro?, alguien mas puede corroborarlo...
yo le puedo hacer "restores" tambien pero solo un poco, puesto que cuando la imagen es mayor que el div, entonces ocurre el error.

saludos,espero mas comentarios