Positionnement d'un bloc à l'intérieur d'un flotant lui même dans un flotant ...

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par kent1_123, 11 Novembre 2011.

  1. kent1_123
    kent1_123 Nouveau WRInaute
    Inscrit:
    28 Juin 2011
    Messages:
    18
    J'aime reçus:
    0
    Bonjour,

    Le titre de mon topic n'est probablement pas très clair et je m'en excuse.

    Je vais expliquer plus détail mon problème qui concerne le design de mon site (www.clic-remunere.fr).

    J'ai un conteneur global :
    #centre_global{ width: 100%; }

    A l'intérieur de ce conteneur j'en ai un autre
    #centre { width: 960px; overflow: hidden; }

    Dans ce dernier conteneur j'en ai 2 autres :
    #centre #conteneur_gauche {
    float: left;
    width: 200px;
    height: 100%;
    overflow: hidden;
    }
    #centre #conteneur_droit {
    float: right;
    width: 750px;
    min-height: 450px;
    }


    Et c'est la que les choses se corsent ...

    Dans le conteneur droit qui contient le corp de mon site, je veux placer une bannière publicitaire tout en bas à la hauteur de mon conteneur gauche qui descend de temps en temps plus bas que le droit.

    Si mon explication n'est pas très clair, merci de jeter un coup d'oeuil sur le site (www.clic-remunere.fr) et d'aller dans une rubrique assez courte (par exemple la rubrique "Concours").

    Je souhaiterais simplement que la bannière publicitaire soit placée tout en bas de la page dans le conteneur droit.

    Voila pour les explications.



    Si quelqu'un pouvait m'aider sur ce problème je lui serais infiniment reconnaissant.

    Merci d'avance, Quentin.
     
  2. erestrebian
    erestrebian WRInaute occasionnel
    Inscrit:
    15 Juin 2007
    Messages:
    411
    J'aime reçus:
    0
    Je ne comprends pas bien ce que tu veux placer en regardant.

    Il existe aussi le positionnement relatif et absolu pour placer les blocs. Sinon, tu peux définir les deux blocs que tu veux placer côte-à-côte dans un bloc qui se situe en-dessous du bloc en question.
     
  3. MarvinLeRouge
    MarvinLeRouge WRInaute impliqué
    Inscrit:
    1 Septembre 2004
    Messages:
    514
    J'aime reçus:
    0
    Salut,

    Alors, à mon avis (sans avoir fait de tests, je précise) :
    Si tu mets ta bannière en
    position : fixed;
    bottom : 0;
    left : 50%;

    elle devrait être en bas de fenêtre, et son milieu calé au milieu de la largeur (donc au milieu de ton design, vu qu'il est centré); à partir de là, je te laisse calculer combien de margin-left il faut ajouter pour que ce soit où tu veux dans la largeur (probablement un truc du genre 480 - largeur de la bannière / 2 pour la caler à droite du design).
     
  4. kent1_123
    kent1_123 Nouveau WRInaute
    Inscrit:
    28 Juin 2011
    Messages:
    18
    J'aime reçus:
    0
    Bonjour,

    Tout d'abord merci pour vos réponses.

    "erestrebian" :
    Malheureusement je ne veux pas refaire tout le positionnement de mes conteneurs mais simplement placer ma bannière au bas de mon conteneur droit.
    Je veux que la bannière soit calé avec la fin de mon conteneur gauche pour les pages ou il y a peu de contenu (ex : http://www.clic-remunere.fr/page/concours/).

    "MarvinLeRouge" :
    Ta solution n'est pas ce que je souhaite faire. Avec un positionnement fixe, la bannière se place au bas de la fenêtre du navigateur.
    Or je souhaite qu'elle se place au bas de mon conteneur droit de sorte qu'elle se cale avec mon conteneur gauche.

    Je reste à votre disposition pour plus d'explications.

    Merci d'avance, Quentin.
     
  5. kent1_123
    kent1_123 Nouveau WRInaute
    Inscrit:
    28 Juin 2011
    Messages:
    18
    J'aime reçus:
    0
    Bonjour,

    Je viens de trouver la solution grâce à vos pistes, merci à vous.

    Il faut placer le conteneur #centre en relatif et ensuite si je place ma bannière en position: absolute, bottom: 0, ça fonctionne.

    Cordialement, Quentin.
     
Chargement...
Similar Threads - Positionnement bloc intérieur Forum Date
outils de positionnement et blocage par Google pour requêtes automatiques Débuter en référencement 23 Mai 2012
Search Console Délai entre modification sur les pages et son positionnement Crawl et indexation Google, sitemaps 8 Avril 2022
Apparence d'une page en cache et positionnement Crawl et indexation Google, sitemaps 24 Novembre 2021
Search Console amélioration du positionnement mais baisse d'impressions Débuter en référencement 23 Juillet 2021
Grosse perte de positionnement Problèmes de référencement spécifiques à vos sites 5 Juillet 2021
Amélioration site et positionnement Débuter en référencement 22 Avril 2021
Search Console Très grosse baisse de positionnement suite à un piratage WP (pages exclues) Problèmes de référencement spécifiques à vos sites 7 Février 2021
Grosse perte de positionnement - Uniquement sur Ordinateur Référencement Google 7 Janvier 2021
Positionnement google Débuter en référencement 24 Novembre 2020
chute de positionnement et présence bizarre dans la SERP Problèmes de référencement spécifiques à vos sites 14 Août 2020
Comment améliorer les positionnements d'un site ? Débuter en référencement 1 Août 2020
Achat de Baclinks et chute de positionnement Netlinking, backlinks, liens et redirections 16 Juillet 2020
Meilleur outil pour le suivi de positionnement et la veille concurrentielle? Débuter en référencement 8 Avril 2020
Baisse brutale positionnement Problèmes de référencement spécifiques à vos sites 27 Mars 2020
Outils de lecture de positionnement Référencement Google 20 Janvier 2020
comment récupérer mon positionnement Problèmes de référencement spécifiques à vos sites 5 Janvier 2020
Besoin de conseils pour améliorer le positionnement de mon site Demandes d'avis et de conseils sur vos sites 22 Juillet 2019
Outil pour suivi de positionnement Local? Référencement Google 31 Mai 2019
Positionnement en chute libre Problèmes de référencement spécifiques à vos sites 28 Février 2019
(Help) Chute positionnement suite mise à jour importante d'un site Débuter en référencement 12 Novembre 2018