Foros del Web » Creando para Internet » CSS »

Dimensiones web

Estas en el tema de Dimensiones web en el foro de CSS en Foros del Web. Hola, tengo un grave problema, en mi web www.blogdelapremier.com tengo la parte donde escribo los articulos y el sidebar. Pero depende de la resolución de ...
  #1 (permalink)  
Antiguo 06/05/2009, 15:55
 
Fecha de Ingreso: enero-2009
Mensajes: 135
Antigüedad: 8 años, 10 meses
Puntos: 0
Dimensiones web

Hola, tengo un grave problema, en mi web www.blogdelapremier.com tengo la parte donde escribo los articulos y el sidebar. Pero depende de la resolución de la pantalla el sidebar se desplaza hacia el fondo de la página, o si es de portatil se queda un gran espacio en blanco a la derecha. Cuando entro por mi ordenador se ve perfecto y me gustaria que se autoajustara la pagina. Como lo puedo hacer?
Utilizo el CMS wordpress y el tema K2 (getk2.com)

Muchas Gracias
__________________
Blog de la Premier League - Toda la Premier League Inglesa aquí!
  #2 (permalink)  
Antiguo 06/05/2009, 16:38
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Dimensiones web

Debe ser una cuestión de medidas y flotado.
Pero es un template wordpress, que por lo general enlaza varios css.
Veo que tienes un diseño en dos columnas:
<div id="primary-wrapper"> a la izquierda y con los contenidos principales y
<div class="secondary" id="sidebar-1"> a la derecha conteniendo los adsense y demás

A este segundo contenedor flótalo a la derecha
primary-wrapper no tiene definidas propiedades en el css (al menos firebug no las muestra), así que me he ido a su hijo "div id="primary" y le he dado:
Cita:
#primary {/*sample.css (línea 30)*/
margin-right:-250px;
width:100%;
}
El margen lo coloco en -250px porque la anchura del sidebar es de 200px
y como es un diseño "líquido", yo le daría "un max-width" y un "min-width" a <div id="page">, que lo tienes definido en sample.css (línea 22) y style.css (línea 97), para evitar colapsos en ventanas pequeñas o todo lo contrario en pantallas muuuuuuuuuuy anchas.

Por cierto, tienes una segunda definición para el contenedor "primary:
Cita:
#primary {/*style.css (línea 163)*/
float:left;
padding:10px;
position:relative;
width:500px;
quítale el width:500px

un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 07/05/2009, 11:07
 
Fecha de Ingreso: enero-2009
Mensajes: 135
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Dimensiones web

Si pongo lo que me has dicho en el sample.css el sidebar se me va abajo del todo, debajo de los posts. Aun lo que me has dicho de el max-width o el min-width no lo he puesto, puede ser que sea por eso?

Gracias.
__________________
Blog de la Premier League - Toda la Premier League Inglesa aquí!
  #4 (permalink)  
Antiguo 11/05/2009, 10:41
 
Fecha de Ingreso: enero-2009
Mensajes: 135
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Dimensiones web

Ya he solucionado lo del sidebar, se queda a la derecha de todo, pero aun tengo un problema.
He mirado la web y la parte de la izquierda, sobre la que escribe, cuando se acaba el sidebar (anuncios y eso) se extiende hasta el final y me gustaría que se quedara como si hubiera un linea que los separara hasta abajo del todo, no se si me explico. También los escudos me gustaría que estuvieran en el medio pero no se si eso es posible, porque yo por mi pantalla de ordenador voy poniendo espacios hasta que queda en el medio entonces cuando lo miras por el portatil queda muy a la izquierda.

P.D.: Aun no he hecho eso del max-width o el min-width pero no creo que haga falta, o si? Si no explicarme que tendria que poner exactamente por favor.

Muchisimas Gracias.
__________________
Blog de la Premier League - Toda la Premier League Inglesa aquí!
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:17.