denme un aire, columna flotada a la derecha de baja.

[KurozakiIchigo]

Hola amigos.
Esta web: http://www.recopilacionweb.tk/

Todo perfecto en chrome, Firefoz y Opera, incluso eb IE se ve "algo bien" respecto a la estructura (sin contar los border redondeados, opacidad y footer fixed) que IE no soporta.

Pero al minimizar la pantalla, hacerla mas chica (o en monitores con resoluciones mas pequeñas).
La columna flotada a la derecha se me baja por debajo de las dos primeras columnas. (ESTO ME SUCEDE SOLO CON IE)

Y quiero lograr que no se me baje esa columna, si no que, se hagan mas pequeñas segun la resolucion. Que es tal y como pasa con los otros navegadores, asi quiero que pase en IE tambien.

Espero me hechen una manita

[GAST0N]

deberias pegar el codigo, porque vos decis la columna de la derecha , pero hay mas de un div... pega el codigo q deseas cambiar....

y con respecto a los bordes redondeados en IE , te sugiero que averigues sobre filtros de microsoft para css3 , porque puedo dar fe que los bordes redondeados con esos filtros si andan en IE


saludos!

[maycolalvarez]

cuando tienes marcos fluidos con IE suele tener una ligera imprecisión, smplemente coloca decimales en alguno de ellos, o en todos por ejemplo en una pagina con 2 columnas de 20% y 80%, para que funcione en IE coloca 19.99% y 79.99%.

PD: IE7 si es compatible con Fixed, pero solo lo activa en modo estándar cuando se incluye un doctype especifico del xhtml 1.0 o html 4.0 y no en modo quirks: http://librosweb.es/css/capitulo4/ma..._de_cajas.html

@GASTON: IE no soporta CSS3 en IE7 e inferiores, ignoro si lo soporte en IE8 y lo más probable es que lo soporte en IE9

[KurozakiIchigo]

En si, mi unico problema es eso que se baja.

el codigo HTML es muy extenso, debido al contenido que tiene, asi que dale en "ver codigo fuente"

esos 3 divs que son las 3 columnas (si ves la web los apreciaras)

Inician de donde dice

<!-- LEFT -------------------------------------->
<div id="left">

Hasta

<!-- END RIGHT --> <div class="espacio">&nbsp;</div></div></div>


Tambies os comento que intente metiendo estas tres columnas dentro de un div padre (contenedor) y no me resulto.

igual intente usando el codigo CSS de kseso? de 3 columnas equilibradas y solo reemplaze el contenido por el mio y nada.

No se a que se deba.
P.D: Ademas que con el codigo de 3 columnas equilibradas me sale el scrollbar horizontal en una resolucion de 800px, y yo quiero que sesiga encojiendo como lo hace actualmente (Solo que este maldito IE me baja la columna derecha)

[jomaruro]

Hola:

Si te baja la columna derecha es porque no cabe dentro del contenedor, busca información sobre min-width para que no se te deforme la página a partir de una determinada media, problema que también tienes con la imagen de los navegadores en la columna de la izquierda si el navegador se encoge demasiado.

Saludos.

[KurozakiIchigo]

Ok ya entiendo eso acerca de min-widht, pero como podre utilizarlo con porcentajes (%)

Ademas que...Lo metere en un:

Estaba pensando que son 3 divs (contenedor - padre - hijo)
Dentro del contenedor los 3 padres que serian las 3 columnas, y dentro de cada columna, estaran sus hijos, que son los Cuadros que contienen la "info o texto"

Entonces mi pregunta
-el contenedor debera tener 100% de ancho y min-width 100%
-las columnas tendran su % (23, 53 y 18)
¿A los cuadros les asignare wl mismo Ancho? (Que no se los asigne, ya que se hereda de los padres.)

Aun asi, no comprendo al 100 como hacerlo, pero estare moviendo, espero yme solucione esto.

[alexk]

#left,#right{display:inline;}
pense que era el clasico problema de margen duplicado pero ahora que veo bien tu codigo bufff... tienes mucho para hacer muy poco.... pero bueno

En tu HTML pon a "#center" despues de "#left" y "#right", y tu css lo dejas asi

Código CSS:

#center {
    margin:0 21% 0 26%;
}
 
#left {
width: 23%;
height: auto;
float: left;
margin-bottom: 60px;
margin-left: 1%;
z-index:1;
}
 
#right {
width: 18%;
height: auto;
float: right;
margin-bottom: 60px;
margin-right: 1%;
z-index:1;
}
 

y yap...

[KurozakiIchigo]

tengo mucho, por que uso mucho xD
para el menu es una cosa
el logo es otra
el formato no es igual a las columnas laterales que la central
los links del central no tienen el mismo formato a los del menu
el footer otro formato, etc etc...

Ademas inclui opacidad y border redondeados.
etc etc...

Agradesco a todos sus respuestas, pero al final, puse min- width y recorte diseños como lo que me mencionaba jomaruro, de la imagen de los browsers, Aunque en explorer se me hace un despapaye todavia, pero a resolucion de 700px no, menor a 700 SI, asi, que ya me conformo, poco a poco, ire buscando una alternativa y tendre en cuenta la tuya Alexk

De hecho, esta semana que viene, me pondre a editar nuevamente la pagina con este codigo que me proporcionas para ver si se soluciona

Gracias