2 DIVs "fluides" dans un conteneur "fluide". [Résolu] - HTML/CSS - Programmation
Marsh Posté le 20-05-2005 à 17:17:43
div#colonne_a
{
position: absolute;
left: 0;
width: 48%;
}
div#colonne_b
{
position: absolute;
right: 0;
width: 48%;
}
IDEM, bon avec Firefox, n'importe quoi avec IE.
Marsh Posté le 21-05-2005 à 11:54:11
Bon ben en attendant de trouver autre chose, ce sera une table.
Marsh Posté le 23-05-2005 à 11:45:07
Salut,
je ne suis pas sûr de bien comprendre ce que tu veux faire mais voilà une correction qui pourrait peut-être te mettre sur la piste.
Le CSS :
Code :
|
Le code HTML :
Code :
|
Comme tu peux le remarquer j'ai rajouté un div "fond" qui enveloppe ton div "contenu" et j'ai modifié les id correspondantes.
J'ai rajouté un float:left; à ta colonne_a
Ce n'est peut-être pas la meilleure manière, mais çà peut être un début de solution.
Marsh Posté le 31-05-2005 à 14:07:34
fafane84: merci mon sauveur, oui cela marche maintenant. Par défaut, ie prend les pourcentages comme étant ceux de la page (et pas de la DIV dont il fait parti, le c..). Il faut donc, comme tu me l'as dit, créer une DIV presque inutile, juste pour ie, afin de fixer le 100%.
Sinks eu lote !
Marsh Posté le 31-05-2005 à 14:28:00
Satané IE
Et dire que c'est encore le navigateur le plus utilisé
Content d'avoir pu t'aider.
Marsh Posté le 28-07-2005 à 09:27:35
Mon Dieu merci pour la fonction recherche du Forum Hardware J'avais exactement le même type de problème.
Même si je n'aime pas trop avoir un bloc qui "ne sert à rien", ça n'est pas pire que des Hacks pour IE!
Merci aussi à fafane84 du coup
Edit2: En fait si, ça marche bien après quelques ajustements
Marsh Posté le 20-05-2005 à 15:49:01
Bonjour à toutes et tous.
J'ai un conteneur dont voici la CSS:
div#contenu
{
position: relative;
margin: 46px 156px 0px 148px;
}
Il prend 100% de la largeur avec de grande marge gauche et droite pour le menu et une illustration.
J'aimerais créer 2 colonnes "fluides" (48%-48%)à l'intérieur de ce conteneur
Voici leurs CSSs :
div#colonne_a
{
width: 48%;
}
div#colonne_b
{
float: right;
width: 48%;
}
Le HTML, vraiment tout ce qu'il y a de plus simple :
<div id="contenu">
<h2>Cette page indexe les sets de photographies.</h2>
<div id="colonne_b">
<h3>Chronologique</h3>
</div>
<div id="colonne_a">
<h3>Indépendante</h3>
</div>
</div>
Parfait sous Firefox, catastrophe sous IE : d'abord il prend les % en fonction de la largeur de page et non pas de celle du conteneur et puis ma div colonne_a prend 48% de l'espace restant du conteneur (?!?).
Un peu d'aide svp, j'ai déjà essayé pas mal de chose (imbrication des DIVs etc)mais sans succès.
Merci.
Message édité par Beral2 le 31-05-2005 à 14:08:38