Jeempêchant de div flotteur pour envelopper
<div id="containter"><div class="column" id="left">
left</div><div class="column" id="right">right</div></div>
.column
{
float: left;
}
problème est, si je recule mon navigateur, la colonne de droite se terminera. Comment puis-je empêcher cela?
Merci
Vous pouvez essayer d'ajouter une largeur à votre conteneur div.
Avez-vous déjà essayé le flotteur gauche div à gauche et le flotteur droit div à droite?
Il fonctionne pour moi (example here)
Vous oubliez juste un " @id="right> et vous devez effacer / dans </div class="column" id="right>
Cela corrige, je fait des changements dans mon exemple:
http://www.jsfiddle.net/D2TvR/2/
ajouter une largeur à votre conteneur et overflow:auto (sinon, il ne débordera pas vos divs flottants)
désolé, c'était erreur d'écriture du code ici – Himberjack
@oshafan: J'ai mis à jour mon exemple :) – Shikiryu
Il suffit d'ajouter une largeur à vos conteneurs (disons 50%) et de les laisser flotter à gauche. De cette façon, les deux conteneurs ne prendront que la moitié de l'écran de la largeur. C'est pourquoi vous feriez mieux d'utiliser le pourcentage au lieu des pixels, car les pixels indiquent la largeur statique et selon votre question, puisque vous redimensionnez la fenêtre du navigateur, vous devez implémenter la page en utilisant la largeur du fluide. Voici un exemple de travail:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
.column { float: left; width:50%; }
</style>
</head>
<body>
<div id="containter">
<div class="column" id="left">
This is the left container
</div>
<div class="column" id="right">
This is the right container
</div>
</div>
</body>
</html>
si vous avez défini votre site sur le pourcentage puis donner min-width à la div conteneur pour que les divs internes enveloppent wont Donc, même si vous le redimensionnez envelopper coutume
ouais. encore emballer. mais je veux qu'il soit laissé et pas droit de toute façon – Himberjack