[CSS]Positionner la colonne centrale en haut du source

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Kyrnos, 29 Mars 2009.

  1. Kyrnos
    Kyrnos Nouveau WRInaute
    Inscrit:
    25 Août 2008
    Messages:
    25
    J'aime reçus:
    0
    Bonjour,

    Sur WRI, on voit souvent qu'il préférable de mettre le réel contenu d'une page le plus haut possible dans le source.

    J'ai un affichage en 3 colonnes qui utilisent des flottants en CSS. Seulement, je n'arrive pas à positionner la colonne principal (celle du milieu), au début du source et à positionner ensuite les colonnes de gauche et de droite.

    Pour l'instant j'ai ça :

    colonne gauche : float : left;
    colonne centre : float : left;
    colonne droite : float : right;

    et le source qui affiche : "gauche puis centre puis droite". J'aimerai plutôt arriver à avoir dans le source cet ordre là "centre puis droite puis gauche".

    Merci d'avance pour votre aide. :wink:
     
  2. tonguide
    tonguide WRInaute passionné
    Inscrit:
    28 Novembre 2003
    Messages:
    1 158
    J'aime reçus:
    0
    Tu peux essayer de faire un bloc contenant le menu de droite + le centre (en 1er), de lui mettre un float:right; (dans ce bloc, le centre et le menu de droite serait en float:left; tous les 2, dans le bon ordre). Ensuite, ton menu de gauche, tu le mets en float:left; après ce bloc.
     
  3. webmasterdemonsite
    webmasterdemonsite WRInaute impliqué
    Inscrit:
    1 Septembre 2007
    Messages:
    988
    J'aime reçus:
    0
    sinon il y a les position absolute pour positionner tes div...

    j'aimerais vraiment savoir si cela a un impact sur le referecnecement...

    d'un point de vue accessibilité (mal voyant par exemple) et logique il est préférable de faire un code ayant cette structure:

    --------
    Entête (logo etc...)
    Menu
    contenu
    pied
    --------

    perso, j'ai éssayé les deux: positionner mon code comme décrit plus haut et de placer le contenu en tout début: je n'ai pas réellement vu de changements...

    de toute façon si ton code est bien codé (h1, h2, <p>, etc...) google trouvera de lui même le contenu de ton site, il n'est pas débile ;-)
     
  4. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 161
    J'aime reçus:
    338
  5. Kyrnos
    Kyrnos Nouveau WRInaute
    Inscrit:
    25 Août 2008
    Messages:
    25
    J'aime reçus:
    0
    Bien vu tonguide et merci, ça marche très bien comme ça ! :D

    toujours aussi rapide et efficace les membres de WRI !

    @ webmasterdemonsite : oui je suis pas certain que ça change beaucoup de chose côté référencement, mais cela apporte néanmoins quelques autres avantages (ça charge le contenu d'abord, etc.)
     
  6. webmasterdemonsite
    webmasterdemonsite WRInaute impliqué
    Inscrit:
    1 Septembre 2007
    Messages:
    988
    J'aime reçus:
    0
    tiens-nous au courant si tu y vois un aspect bénéfique pour ton référencement :wink:
     
Chargement...
Similar Threads - [CSS]Positionner colonne centrale Forum Date
Indexation, pagination : comment gérer les URL de tri des colonnes ? Crawl et indexation Google, sitemaps 24 Septembre 2019
Comment inverser lignes et colonnes dans Google data studio ? Google Analytics 1 Mai 2019
Afficher des valeurs d'une colonne à l'autre selon condition Développement d'un site Web ou d'une appli mobile 11 Février 2019
Mysql sélection aléatoire d'une colonne Développement d'un site Web ou d'une appli mobile 18 Novembre 2016
Phpmyadmin : "La sélection courante ne contient pas de colonne unique" ? Développement d'un site Web ou d'une appli mobile 12 Août 2016
Afficher la colonne centrale juste après le header Référencement Google 25 Mars 2016
Colonne de droite masquée - pollution mots-clé ? Débuter en référencement 31 Mars 2015
Ordre du contenu (colonne droite, gauche, centre) : un impact ? Débuter en référencement 14 Août 2013
Headings des blocs colonne Débuter en référencement 28 Mars 2013
MySQL - Table avec environ 60 colonnes Développement d'un site Web ou d'une appli mobile 13 Décembre 2012
Google Shopping: Question sur la colonne "title" du fichier Crawl et indexation Google, sitemaps 10 Octobre 2012
La colonne de gauche de mon GA a disparu Google Analytics 21 Mai 2012
layout avec nombre de colonnes variables Développement d'un site Web ou d'une appli mobile 20 Avril 2012
Affichage d'annonces sur deux colonnes Développement d'un site Web ou d'une appli mobile 15 Avril 2012
Importance de l'ordre des colonnes dans un SELECT Développement d'un site Web ou d'une appli mobile 9 Mars 2012
aide ccs: colonne intérieur hachée - trait fin Développement d'un site Web ou d'une appli mobile 25 Août 2011
L'affichage des Serps en deux colonnes - test en cours Google : l'entreprise, les sites web, les services 14 Avril 2011
Passer d'un menu 1 colonne à 2 colonnes ? Développement d'un site Web ou d'une appli mobile 18 Février 2011
Design 2 colonnes ou 3 colonnes Développement d'un site Web ou d'une appli mobile 26 Janvier 2011
Google Map cache les pubs adwords en colonne ... sic ! AdWords 16 Janvier 2011