IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

[CSS] positionnement


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    jlf
    jlf est déconnecté
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2002
    Messages
    140
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2002
    Messages : 140
    Par défaut [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

  2. #2
    Membre confirmé Avatar de b Oo
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    179
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 179
    Par défaut
    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

  3. #3
    jlf
    jlf est déconnecté
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2002
    Messages
    140
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2002
    Messages : 140
    Par défaut
    > 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 )
    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

  4. #4
    Membre émérite Avatar de Sheriff
    Inscrit en
    Octobre 2004
    Messages
    608
    Détails du profil
    Informations forums :
    Inscription : Octobre 2004
    Messages : 608
    Par défaut
    salut !
    j'avoue que je ne comprends pas très bien ton problème, mais...
    as-tu assayé l'attribut nowrap dans les td?
    @+

Discussions similaires

  1. [CSS] Positionnement d'un select multiple
    Par Mr N. dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 14/12/2005, 19h08
  2. [CSS] Positionnement absolu
    Par Invité dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/12/2005, 09h34
  3. [CSS]Positionnement des blocs <div> + pb selon navigat
    Par Trunks dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 07/12/2005, 10h56
  4. [CSS] Positionnement float, comment clearer correctement ?
    Par Séb. dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 02/11/2005, 16h35
  5. [CSS] positionner un objet
    Par car dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/08/2005, 14h31

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo