Foros del Web » Creando para Internet » CSS »

Div con diseño adaptable

Estas en el tema de Div con diseño adaptable en el foro de CSS en Foros del Web. Buenas, Tengo una barra como pie de la web, con esta estructura: Con media queries reduzco el tamaño de la fuente, pero llega un momento, ...
  #1 (permalink)  
Antiguo 08/01/2017, 06:57
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 2 meses
Puntos: 4
Div con diseño adaptable

Buenas,
Tengo una barra como pie de la web, con esta estructura:



Con media queries reduzco el tamaño de la fuente, pero llega un momento, que la fuente es demasio pequeña, entonces:
- quiero que salte la capa de la derecha a la parte inferior izquierda
- vuelvo a aumentar el tamaño de la fuenta



Y así sucessivamente:


En las propiedades de cada capa, tengo float:left y el width:xx%

Pero no consigo el efecto que busco.
Alguien me podría orientar? Gracias
__________________
Qué fácil cuando lo sabes y qué difícil cuando no
  #2 (permalink)  
Antiguo 08/01/2017, 07:19
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Div con diseño adaptable

1) No cambies el tamaño de la fuente indiscriminadamente. El tamaño de la fuente es para que la gente pueda leer, no para que quepa en el ancho.

2) Prueba una combinación de width con min-width.

Por ejemplo
min-width: 300px;

3) Explora la posibilidad de usar flexbox en lugar de float: https://www.google.com.mx/search?q=flexbox
  #3 (permalink)  
Antiguo 08/01/2017, 17:42
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 2 meses
Puntos: 4
Respuesta: Div con diseño adaptable

Gracias, he mirado flex, está muy bien, pero aún no es compatible con todos los navegadores. Prefiero seguir con los div, tiene que ser posible.

Gracias
__________________
Qué fácil cuando lo sabes y qué difícil cuando no
  #4 (permalink)  
Antiguo 10/01/2017, 09:11
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Div con diseño adaptable

Flex es suficientemente compatible con todos los navegadores ya: http://caniuse.com/#feat=flexbox

Y ojo. Una cosa es Flex y otra cosa es un div. El div lo puedes seguir usando, el Flex es una propiedad que le das a ese div.

Y Ojo 2... ¿Por qué necesitas un div? En tu caso aplica los estilos directamente al <a>

Y Ojo 3... Mi primer comentario es:

Cita:
2) Prueba una combinación de width con min-width.

Etiquetas: adaptable, diseño, 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 18:49.