Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Problema con Width: 100%;

Estas en el tema de Problema con Width: 100%; en el foro de CSS en Foros del Web. Hola a todos chicos! este es mi primer tema en el foro. Desde ayer he intentado una forma para que mi div con un Width ...
  #1 (permalink)  
Antiguo 24/04/2014, 08:49
 
Fecha de Ingreso: abril-2014
Mensajes: 1
Antigüedad: 10 años
Puntos: 0
Exclamación Problema con Width: 100%;

Hola a todos chicos! este es mi primer tema en el foro. Desde ayer he intentado una forma para que mi div con un Width del 100% que ademas tiene un Left de 280px este no se extienda mas de la pantalla. Aquí les dejo dos imágenes, una del problema actual y otra de como quisiera solucionarlo.



Y esto es lo que quiero:


es decir, que me ocupe el 100% de todo ese espacio en blanco.

Última edición por Darkcolboy; 24/04/2014 a las 09:41
  #2 (permalink)  
Antiguo 24/04/2014, 12:05
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Problema con Width: 100%;

Puedes quitarle completamente la medida a ese elemento, eliminar el flotado (y que el elemento el menú si esté flotado a la derecha), eliminar posiciones absolutas y ese left y añadir:

Código CSS:
Ver original
  1. overflow: hidden;

O también puedes usar calc():

Código CSS:
Ver original
  1. width: calc(100% - 280px);

Etiquetas: background, color, contenido, hover, width
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 13:37.