Foros del Web » Creando para Internet » CSS »

Barra div de borde a borde de la ventana redimensionable

Estas en el tema de Barra div de borde a borde de la ventana redimensionable en el foro de CSS en Foros del Web. He creado un div en forma de barra en la parte superior de la web, el problema que tengo es que no consigo que se ...
  #1 (permalink)  
Antiguo 24/04/2011, 14:06
 
Fecha de Ingreso: abril-2010
Mensajes: 33
Antigüedad: 7 años, 8 meses
Puntos: 0
Barra div de borde a borde de la ventana redimensionable

He creado un div en forma de barra en la parte superior de la web, el problema que tengo es que no consigo que se redimensione si agrando la pantalla, quiero que la barra empiece desde el borde derecho hasta el borde izquierdo sin margenes.
Siempre se me queda algún margen o agrando la pantalla y veo como se acaba la barra y empieza a quedar espacio en blanco etc..

ahora mismo el codigo lo he dejado asi

Código PHP:
background-color#000; 
height80px;  
width1220px;    
margin-top: -30px;
margincenter;

  #2 (permalink)  
Antiguo 24/04/2011, 14:12
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2098
Respuesta: Barra div de borde a borde de la ventana redimensionable

Primero, seguramente tengas que resetear margin y padding de html y body, o todo en general, así:
Código CSS:
Ver original
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. }

Cada navegador da un margen a body diferente. Por eso es buena práctica resetear estos valores a cero.

Luego, en vez de dar un ancho en píxeles a la capa (DIV) pues deberías de poner un ancho porcentual de cien por ciento.
Código CSS:
Ver original
  1. div {
  2. width: 100%;
  3. }

Y seguramente puedas prescindir de margin-top: -30px (creo). margin: center, eso no existe. Puedes hacer en todo caso margin: 0 auto; (0 de arriba y abajo, y automático por los laterales, que usualmente se queda centrado).
  #3 (permalink)  
Antiguo 24/04/2011, 15:07
 
Fecha de Ingreso: abril-2010
Mensajes: 33
Antigüedad: 7 años, 8 meses
Puntos: 0
Respuesta: Barra div de borde a borde de la ventana redimensionable

Gracias! mas o menos me ha funcionado lo único que falla es que cuando la ventana tiene un cierto tamaño (cuando la hago mas pequeña) me sale un scroll en la parte de abajo del navegador lo deslizo y entonces veo que la parte derecha de la barra deja de unirse con el borde y aparece el espacio en blanco, contra mas pequeña la ventana mas grande es el espacio blanco que se crea.

Código PHP:
* {
margin0;
padding0;
}

#cabezal{ 
background-color#000; 
height70px;  
width100%;


Etiquetas: barra, ventanas, bordes
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 02:18.