problema diagramado Div en IE8 y Chrome

[considered]

Hola como estan.
tengo un problema.

de hace 2 años diagramos las web con Div + CSS, siempre diagramo todas los cuadros con cuidado dando posicion "absoluta" y dando distancias que quiero desde la izquierda,
al final tomo todo el layou y lo encierro en un Div general que le pongo "contenedor"

el problema es que estoy testeando con IE8 y no me respeta los Divs

proble el IE8 con paginas antiguas y no se desordenan como esta.

infraeco.cl/test/index_junio.html


adjunto codigo CSS de .a3_barra_imagen que no respeta la posicion

.a1_barra_imagen {
position: absolute;
height: 208px;
width: 110px;
left: 0px;
top: 67px;
background-color: #FFFFFF;
z-index: 2;
}
.a2_barra_imagen {
position: absolute;
height: 208px;
width: 957px;
left: 110px;
top: 67px;
background-color: #FFFFFF;
z-index: 3;
}
.a3_barra_imagen {
position: absolute;
height: 208px;
width: 110px;
left: 1067px;
top: 67px;
background-color: #FFFFFF;
z-index: 1;
}

[kseso?]

¿Y has necesitado que aparezca ie8?
En el 7 también.
Y supongo que nunca has visto esa página con un monitor de menor resolución.

Creo que antes de seguir utilizando css te sería de mucha utilidad pararte a leer algo más sobre las distintas posiciones de los elementos, sus características y propiedades.

En este mismo foro de css tienes una "guía de migración sin dolor..." del d.h.2c.l. Mikmoro. Creo que la encontrarás sumamente instructiva.

Un saludo

[RabidFish]

Como bien dijo kseso? seguramente nunca probaste tu sitio en otra resolución. El problema de usar la posición absoluta especificando la distancia justa desde los extremos, hasta donde yo sé, es que si una persona usa otra resolución, la página se verá muy mal. Sería mejor que en el DIV contenedor uses float. Saludos.

[Calizman]

Y eso que no hemos hablado aun de IE6...

[considered]

Hola,
si va todo con absolute y el contenedor le doy colocacion izquierda 50% y en margin left la mitad del ancho total y me habia centrado la web para todas las pantallas.

.contenedor_1020x594 {
position: absolute;
height: 594px;
width: 1552px;
left: 50%;
top: 0px;
margin-left: -776px;

el problema que a esta web le inserto una Layer arriva de todos los divs y hace se pierdan todos los estilos

.infraeco.cl/test/aaaaaaaa.html

Saludos

[WillxD]

Lo recomendable es centrar teniendo el ancho definido y usar margin:auto; con eso te libras de estar poniendo líneas de más. Y evitas usar el position:absolute.

Salu2

[considered]

Hola,
bien opte por la solucion de volver a hacer los DIv uno por uno de nuevo.
ahora no tiene problemas el IE8, muy raro.

para hacer los Divs, me guio por los pixeles del diagramado previamente hecho en photoshop,
les doy la medida exacta los pongo absolute y le doy ubicacion respecto a la izquierda. Para que se centre en todos los navegadores, creo un Div contendor que centro al medio.

Ahora mi consulta, el FireFox se cierra repentinamente cuando lo navego,
se que hay un validador pero queria consultarles si conocen de este ultimo asunto

aca la nueva web

infraeco.cl/test/a1_index.html

[kseso?]

Bueno, veo que sigues en tu empeño de amarrar todo con puntas cuarteronas, remaches y demás. Esto por el abuso/uso único de la posición absolute.

Tu página no se centra, sigues sin ver tu página a resoluciones diferentes:
con una ventana mayor de 1200px sale una franja vertical oscura a la derecha.
y a menores de 950px el contenido lateral queda inaccesible. No aparece la barra de scroll horizontal.

Dices usar un div para centrar, no he visto nada parecido en el código.

Lo que sí he visto es que tienes lo siguiente en el head:

Código html:

<style type="text/css">
html { overflow-x:hidden; }
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(imagenes/a1_generales/a7_fondo_degradado.jpg);
    background-repeat: repeat-x;
}
-->
</style>
 

La primera declaración es la culpable de los problemas al empequeñecer la ventana.
Lo segundo no puede traerte nada bueno. Los comentarios en css son: /*esto es un comentario css */
Te convendría eliminarlos.

Un saludo

[deirdre]

El sitio no es navegable a 1024 px de resolución (la resolución más utilizada actualmente): no queda centrado el contenido y se desborda por la derecha, sin posibilidad de acceder a él por ausencia de scroll horizontal, tal como dice kseso?

[considered]

kseso?

esta en maqueta, todavia no creo el DIv contenedor para que se centre en distintas webs

que recomiendas para diagramar los Div, algunos en absolute y los demas en relativa

Saludos
VIc.

[kseso?]

Me remito a lo que te comentaba en el #2.
Léete la guía de Mikmoro.
Mi recomendación: usar todos. En función de lo que precises hacer elegir el selector de css que mejor lo haga en función de sus propiedades y características.

Así de sencillo (o no tanto).

Un saludo

[considered]

gracias kseso?

lei la guia, pero como consulta,
yo medi todo con los pixeles en photoshop, y le di ubicacion absoluta a todos los Div,
eso me deberia acarriar algun problema,

o deberia matizar con float, y posiciones relativas


Saludos

[sysmaya]

La facil.

meta todo a la "antigua", dentro de una tabla.

reemplace celdas x divs.

no sera muy W3 no CSS3, pero se ve muy bien en cualquier navegador.

claro que tambien puede meter divs dentro de celdas...

el usuario final se fija en el producto final, no en el codigo.
El usuario final no le importa si eso esta en layers, con estilos.
O con tablas con estilos "in-line".

Habra "Doctores del CSS" que diran que eso es retroceder en el tiempo.
Pero yo prefiero una web que funcione desde IE5 hasta opera, FF, etc. Y la unica manera de hacer eso es con tablas.

Claro que tambien se puede con DIVS pero andar buscando hacks.... es muy desgastante.

[Calizman]

Saludos Sysmaya

Te recomiendo que antes de contestar una pregunta, revises la fecha de creación y la fecha del ultimo mensaje publicado, ya que va contra las reglas del foro revivir mensajes con más de 6 meses de antigüedad y este articulo está inactivo desde el 7 de Junio del 2009

Hasta Luego!

[alexk]

Calizman

Te recomiendo que antes de contestar una pregunta, revises la fecha de creación y la fecha del ultimo mensaje publicado,

no vio el enorme cuadro rojo con el mensaje... no creo que se fije mucho de la fecha jeje...
sl2 chao!...