Foros del Web » Creando para Internet » CSS »

Ayuda con columna que se desplaza

Estas en el tema de Ayuda con columna que se desplaza en el foro de CSS en Foros del Web. Hola a todos. Estoy haciendo una página con css, utilizando las plantillas que vienen con dreamweaver. El problema surge cuando quiero hacer algo distinto a ...
  #1 (permalink)  
Antiguo 16/11/2008, 12:01
 
Fecha de Ingreso: febrero-2002
Mensajes: 70
Antigüedad: 15 años, 10 meses
Puntos: 0
Ayuda con columna que se desplaza

Hola a todos.
Estoy haciendo una página con css, utilizando las plantillas que vienen con dreamweaver. El problema surge cuando quiero hacer algo distinto a lo que estas plantillas proponen: 3 columnas fijas, con cabecera pero quiero que la columna de la derecha arranque desde arriba, no desde debajo de la cabecera.
Me funciona lo que he modificado bien, en ie6 y 7 y Safari pero en Firefox la columna central del contenido se me desplaza a la derecha.
Esta en este link la web por si alguien descubre que tengo mal. La columna central debe tener el scroll por el diseño que tendra la web
La web es esta:
http://www.maugeweb.com/cdc2/
En firefox se ve como el div central en verde se desplaza.
Si alquien me puedea ayudar lo agraceceria eternamente ya que me he pegado horas con esto y no consigo sacar que puede ser
Muchas gracias de antemano
  #2 (permalink)  
Antiguo 16/11/2008, 12:19
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Ayuda con columna que se desplaza

Pues yo no sé si es que tengo mal los navegadores pero yo lo veo bien en FF y Safari y en IE6 no... ahora miro en ie7 pero no sé...

Aresillo!!
  #3 (permalink)  
Antiguo 16/11/2008, 12:30
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Ayuda con columna que se desplaza

Pues no entiendo muy bien, pero yo diría que tú le estás pidiendo que se desplace:

.thrColFixHdr #mainContent {
margin:0pt 170px 0pt 184px;
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 16/11/2008, 12:32
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda con columna que se desplaza

De un vistazo rápido, si aumentas la anchura de "sidebar1" hasta 187 px, el espacio en blanco entre el div verde y el naranja desaparece.
Pero no he mirado posibles causas secundarias.

Edito:
¡ay!
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 16/11/2008, 12:43
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Ayuda con columna que se desplaza

Pero veis que se desplace... porque lo que yo no veo es la barra...??



Aresillo!!
  #6 (permalink)  
Antiguo 16/11/2008, 12:44
 
Fecha de Ingreso: febrero-2002
Mensajes: 70
Antigüedad: 15 años, 10 meses
Puntos: 0
Respuesta: Ayuda con columna que se desplaza

Gracias Mikel por estar ahi de nuevo :)
y al resto tb, pero no entiendo muy bien lo que dices, el margin se lo doy para que la columna central quede en medio de las 2, por ello tiene las medidas (aprox) de las columnas laterales.. o no?? Pero si puedes dime como hacerlo de otra forma, que ya sabes que soy un poco tooorpe :)

kseso lo de aumentar la anchura del sidebar1 no es el problema, pero gracias por mirarlo
  #7 (permalink)  
Antiguo 16/11/2008, 13:05
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Ayuda con columna que se desplaza

Bien, puede que no sea un comportamiento del todo esperado pero la cosa es la siguiente:

está bien que pongas los márgenes laterales a la caja central. pero al colocar el overflow, la caja ya no comienza en el extremo izquierdo por lo que necesitaría el margen, sino que comienza donde termina la barra lateral izquierda, por lo que el margen izquierdo la desplaza sobre lo que sería su posición natural, pegada a la barra lateral.

Lo puedes comprobar porque tanto si quitas el margen izquierdo, como si en lugar de eso quitas el overflow, la caja irá a su sitio. Si el scroll es obligatorio, entonces no tienes más remedio que quitar el margen izquierdo.

Por cierto, tienes puesto overflow-y: scroll; y luego overflow: auto;, con lo que esta segunda propiedad anula la primera, quedando en realidad en overflow: auto.
__________________
Visita mi nueva web idplus.org
  #8 (permalink)  
Antiguo 16/11/2008, 13:24
 
Fecha de Ingreso: febrero-2002
Mensajes: 70
Antigüedad: 15 años, 10 meses
Puntos: 0
Respuesta: Ayuda con columna que se desplaza

Funciona! era eso exactamente
Muchisimas gracias Mikel, te debo unas birras por cada aporte tuyo a mis meteduras de pata!!
  #9 (permalink)  
Antiguo 16/11/2008, 13:27
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Ayuda con columna que se desplaza

De nada, es un placer. Como por tu nombre imagino que estamos más o menos cerca, un día te pagarás esas birras

Saludos.

P.D.: creo que en breve te volveremos a ver en este hilo con que no sabes qué ocurre en IE6, porque se ve mal. Cuando llegues a eso, hablamos .
__________________
Visita mi nueva web idplus.org
  #10 (permalink)  
Antiguo 16/11/2008, 17:18
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Ayuda con columna que se desplaza

Cita:
Iniciado por Aresillo Ver Mensaje
Pero veis que se desplace... porque lo que yo no veo es la barra...??
Es raro que no lo hayas visto, pero en FF el bloque central, que supuestamente debería estar debajo de la cabecera, sale desplazado hacia la derecha unos 200px.
__________________
Visita mi nueva web idplus.org
  #11 (permalink)  
Antiguo 16/11/2008, 17:27
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Ayuda con columna que se desplaza

No sé... estaría empanao...

Aresillo!!
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 22:47.