Ver Mensaje Individual
  #3 (permalink)  
Antiguo 22/08/2014, 08:21
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 6 meses
Puntos: 2114
Respuesta: Problema con layout 2 columnas

Tal vez sería más aconsejable hacer que el elemento de la derecha tome lo que deje el otro. Puedes usar calc():

Código CSS:
Ver original
  1. #left, #right {
  2.   box-sizing: border-box;
  3. }
  4.  
  5. #left {
  6.   float: left;
  7.   width: 200px;
  8. }
  9.  
  10. #right {
  11.   float: left;
  12.   width: calc(100% - 200px);
  13. }

Otra forma de hacerlo sería no flotar el elemento de la derecha y asignarle un overflow:

Código CSS:
Ver original
  1. #left, #right {
  2.   box-sizing: border-box;
  3. }
  4.  
  5. #left {
  6.   float: left;
  7.   width: 200px;
  8. }
  9.  
  10. #right {
  11.   overflow: hidden;
  12. }

box-sizing sirve para cambiar el modelo de caja de CSS, así rellenos y bordes formarán parte del tamaño del elemento, lo que se traduce en menos quebraderos de cabeza a la hora de calcular las cosas.
__________________
(: