Tema: de nuevo firefox
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 31/03/2008, 17:46
Avatar de Mikmoro
Mikmoro
Colaborador
  
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Re: de nuevo firefox
En ese caso la solución sería esta:

- haces una caja para la derecha (flotada a la derecha)
- pones ahí seguidas todas las cajas que van a la derecha
- ahora haces otra caja para la izquierda
- pones todas las cajas izquierdas seguidas

de esa manera, quedarán siempre pegadas unas encima de otras y paralelas, tengan el tamaño que tengan.

Este es un simple ejemplo:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title>Plantilla</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<style type="text/css">
#contenedor { width: 700px;
margin: 0px auto;
}
#cont_izda { border-width: 2px;
float: left;
margin-top: 10px;
margin-left: 10px;
width: 330px;
}
#cont_dcha { border-width: 2px;
float: right;
margin-top: 10px;
margin-right: 10px;
width: 330px;
}
.izq { border: 1px solid rgb(255, 102, 0);
margin: 10px;
background-color: rgb(51, 153, 153);
}
.der { border: 1px solid rgb(51, 255, 51);
margin: 10px;
background-color: rgb(51, 102, 102);
}
.corte { clear: both;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="cont_dcha">
<div class="der">Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper nulla facilisi. Lorem ipsum dolo
</div>
<div class="der">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper nulla facilisi. Lorem ipsum dolo</div>
<div class="der">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy
</div>
<div class="der">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper nulla facilisi. Lorem ipsum dolo
</div>
</div>
<div id="cont_izda">
<div class="izq">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper nulla facilisi. Lorem ipsum dolo
</div>
<div class="izq">Ut wisi enim ad minim veniam, quisnostrud
exerci tation ullamcorper nulla facilisi. Lorem ipsum dolo
</div>
<div class="izq">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper nulla facilisi. Lorem ipsum dolo</div>
<div class="izq">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy
</div>
</div>
</div>
</body>
</html>
Mikel.