Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/05/2014, 06:23
mblascog
 
Fecha de Ingreso: enero-2002
Ubicación: Sabadell
Mensajes: 565
Antigüedad: 22 años, 10 meses
Puntos: 4
Cabecera adaptable

Buenas,
He creado una cabecera con un ancho del 100%.
En dicha cabecera, a mano derecha hay una foto con un ancho fijo de 108píxeles
Y a mano izquierda dos filas, en una el logo y en la parte superior el menú.

Así es:


Lo que quiero si voy reduciendo el ancho del navegador, de 1024 a 800, se vaya reduciendo el ancho de las opciones del menu y la foto quede fija y no salte a la parte inferior, como muestro en esta imagen:




Inferior a 800píxeles ya lo controlo con media queries.

El código CSS es el siguiente:
Código CSS:
Ver original
  1. #capcalera {
  2.     width:100%;
  3.     height:120px;
  4.     background:#FFFCD8;
  5.     float:left;
  6.     padding-left:0%;
  7.     padding-right:0;
  8.     padding-top:1%;
  9.     font-size:.9em;}
  10. #capcalera div#capEsquerra{
  11.     float:left;
  12.     width:89.4%;
  13.     height:100%;}
  14. #capcalera div#capEsquerra a img{
  15.     margin:0;
  16.     float:left;
  17.     margin-bottom:1%;
  18.     margin-left:1%}
  19. #capcalera div#capDreta{
  20.     width:108px;
  21.     overflow:hidden;}


Gracias
__________________
Qué fácil cuando lo sabes y qué difícil cuando no