Foros del Web » Diseño web » CSS »

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

Estas en el tema de denme un aire, columna flotada a la derecha de baja. en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/12/2010, 18:28
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 4 años
Puntos: 4
denme un aire, columna flotada a la derecha de baja.

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
  #2 (permalink)  
Antiguo 27/12/2010, 18:42
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 4 años, 4 meses
Puntos: 64
Respuesta: denme un aire, columna flotada a la derecha de baja.

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!
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 27/12/2010, 18:47
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.121
Antigüedad: 6 años, 4 meses
Puntos: 1526
Respuesta: denme un aire, columna flotada a la derecha de baja.

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
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
maycolalvarez.com
  #4 (permalink)  
Antiguo 27/12/2010, 18:49
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 4 años
Puntos: 4
Respuesta: denme un aire, columna flotada a la derecha de baja.

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)
  #5 (permalink)  
Antiguo 28/12/2010, 04:13
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.455
Antigüedad: 12 años, 5 meses
Puntos: 361
Respuesta: denme un aire, columna flotada a la derecha de baja.

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.

  #6 (permalink)  
Antiguo 28/12/2010, 10:58
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 4 años
Puntos: 4
Respuesta: denme un aire, columna flotada a la derecha de baja.

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.
  #7 (permalink)  
Antiguo 28/12/2010, 11:56
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.694
Antigüedad: 5 años, 5 meses
Puntos: 136
Respuesta: denme un aire, columna flotada a la derecha de baja.

#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:
Ver original
  1. #center {
  2.     margin:0 21&#37; 0 26%;
  3. }
  4.  
  5. #left {
  6. width: 23%;
  7. height: auto;
  8. float: left;
  9. margin-bottom: 60px;
  10. margin-left: 1%;
  11. z-index:1;
  12. }
  13.  
  14. #right {
  15. width: 18%;
  16. height: auto;
  17. float: right;
  18. margin-bottom: 60px;
  19. margin-right: 1%;
  20. z-index:1;
  21. }
y yap...

Última edición por alexk; 28/12/2010 a las 12:19
  #8 (permalink)  
Antiguo 28/12/2010, 12:49
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 4 años
Puntos: 4
Respuesta: denme un aire, columna flotada a la derecha de baja.

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

Etiquetas: baja, columna, derecha
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:27.
SEO by vBSEO 3.3.2