-
[CSS] positionnement
bonjour
j'ai ces blocs au milieu d'un flux :
<div class="gauche"> ...contient des div non typés...</div>
<div class="droite">..contenu divers dont une <table>...</div>
la class Gauche : {FLOAT: left; WIDTH=200px;}
la class droite : {MARGIN: 200px;}
le <table> contient des données issues d'une bdd, je ne connais donc pas à l'avance ses dimensions
je ne connais pas non plus la hauteur de ce qui précède ces deux boites dans le flux
sous IE6 :
lorsque la fenêtre est plus large que le contenu pas de pbm, "gauche" est à gauche, "droite" vient se mettre à coté bien sagement, et <table> au sommet de <droite>
mais lorsque la fenêtre devient trop étroite, le contenu de "droite" descend jusqu'en dessous de la fin de "gauche", en maintenant quand même sa marge L
G D
...T
comment empêcher le contenu de droite de descendre et forcer le navigateur à afficher une scrollbar horizontale ?
j'ai essayé de donner une taille fixe à "droite" mais ça change rien
en revanche je si je mets sa position en absolute ça marche, mais le flux qui vient après se positionne juste en dessous de "gauche", lequel est le plus souvent moins haut que "droite" ...
ça donne :
G D
S D
...D
où S est le flux qui suit
comment faire pour que S vienne sous la dernière ligne de Droite (tout en restant à gauche) sans connaitre à l'avance les hauteurs respectives ?
merci de votre aide
-
Salut,
je ne suis sûr du tout que cela va fonctionner, mais peut-être que clear est
la solution a ton problème.
Si cela ne t'as pas aidé, j'aimerais que tu mettes le code de ton div gauche et droit (le mininum) ainsi que celui de la table.
Bonne journée.
b Oo
-
> peut-être que clear est
>la solution a ton problème
non, un élément avec CLEAR: both; dans la suite du flux se positionne sous G si D est absolute :
G D
S D
...D
en fait j'ai ll'impression qu'il n'y a pas de soluce car ça a l'air très opposé aux fondements WC3 pour ce que j'en ai compris (pas grand chose en fait, je le reconnais :P )
en tous cas je n'ai rien trouvé et ce n'est pas faute d'avoir cherché
je suis donc passé aux <table> ...
je sais bien que c'est pas bien mais le but est d'afficher sous des résolutions en largeur légèrement inférieure à celles des données contenues dans D, c'est pour moi un impératif
pour le code je l'ai j'ai viré mais pour les dim/position le dernier test était de mémoire :
class G { FLOAT:left; WIDTH : 150px;}
class D { POSITION: absolute; MARGIN-LEFT: 150px;}
bien amicalement
-
salut !
j'avoue que je ne comprends pas très bien ton problème, mais...
as-tu assayé l'attribut nowrap dans les td?
@+