problème d´alignement => CSS

Discussion dans 'Administration d'un site Web' créé par vin-moi, 20 Juin 2005.

  1. vin-moi
    vin-moi WRInaute occasionnel
    Inscrit:
    22 Novembre 2004
    Messages:
    334
    J'aime reçus:
    0
    bonjour ,

    alors voilà un petit exemple de mon problème se créant sous firefox et pas IE :

    j´ai un div principal avec comme atribut " margin-left: 12%;.

    dans ce même DIV, je met plusieurs calquesnd´une largeur de 50% avec un float:left pour qu´il y en ai deux par ligne. leur atribut est :

    width : 50%;
    text-align : left;
    float : left;
    margin-bottom: 10px;

    le problème est que lorsque le nombre de DIV à 50% de largeur est impaire, il y en a un tout seul en dessous, là OK. mais le contenu se trouvant hors du DIV principal se retrouve collé a ce DIV orphelin !

    voilà la structure :


    < div class="principal">
    ---<div class="demi_div">
    ------contenu
    ---</div>
    ---<div class="demi_div">
    ------contenu
    ---</div>
    ---<div class="demi_div">
    ------contenu
    ---</div>
    contenu décalé
    < /div>



    et voici un shema de ce qui se passe :

    [ contenu contenu
    contenu ] contenu décalé

    alors que je voudrais :

    [ contenu contenu
    contenu ]
    contenu décalé

    ne me dites pas de faire un 4ème DIV car je ne gère pas leur disposition, le tout etant généré en php pour un annuaire...

    pour avoir le problème en image :

    http://www.depannetonpc.n[...]aire/index-test.php

    comme vous le voyez le mot " rechercher" est loin d´être a sa place murf
    il devriat etre juste au dessus de la derniere ligne pointillé sweatdrop

    lien vers la feuille de style :http://www.depannetonpc.net/style.css

    en espérant que j´ai posté dans la bonne catégorie et bien explique mon problème, je vous remercie pour toute aide !

    je suis sur que c´est pas grand chose rolleyes

    ps: le problème se produit seulement sous firefox!
     
  2. MarvinLeRouge
    MarvinLeRouge WRInaute impliqué
    Inscrit:
    1 Septembre 2004
    Messages:
    514
    J'aime reçus:
    0
    Salut,

    Mets sur le contenu qui suit tes div flottat un "clear : left".
    clear sert à provoquer des ruptures avec les flottants.
     
Chargement...
Similar Threads - problème d´alignement CSS Forum Date
WordPress Problème affichage style avec Elementor (titre, bordures, separateur) Administration d'un site Web 8 Août 2022
Problème d'indexation de backlinks Débuter en référencement 24 Juillet 2022
Problème d'indexation de backlinks Problèmes de référencement spécifiques à vos sites 21 Juillet 2022
Probleme de visibilité de ma page Facebook Facebook 5 Juillet 2022
problème avec le développeur Droit du web (juridique, fiscalité...) 22 Juin 2022
Problème désindexation des pages de Google Débuter en référencement 21 Juin 2022
Problème d'indexation de pages sur Google Problèmes de référencement spécifiques à vos sites 31 Mai 2022
problème de redirection non souhaitée Administration d'un site Web 28 Avril 2022
Problème d'indexation Produits Prestashop Crawl et indexation Google, sitemaps 28 Avril 2022
Problème d'affichage des campagnes Google Ads dans un tableau de bord Data Studio AdWords 26 Avril 2022
Problème de vitesse d'affichage des pages sur Analytics Google Analytics 26 Avril 2022
Problème : Google Crawl et Index des pages en No Index et bloqué par le robot.txt Crawl et indexation Google, sitemaps 26 Avril 2022
Problème avec GA4 : nb de visiteurs temps réel et par jour Google Analytics 19 Avril 2022
Problème indexation pages précises en React.js Débuter en référencement 19 Avril 2022
Problème de référencement Demandes d'avis et de conseils sur vos sites 8 Avril 2022
Problème adsence : Annonces ne s'affichent plus AdSense 10 Mars 2022
problèmes procédures stockées Administration d'un site Web 9 Mars 2022
Problème récupération fichier vps Développement d'un site Web ou d'une appli mobile 5 Mars 2022
Problème config postfix. Administration d'un site Web 5 Mars 2022
Search Console Problème d'indexation Crawl et indexation Google, sitemaps 24 Février 2022