28220 sujets

CSS et mise en forme, CSS3

Site sur 3 colonnes et sémantique

Si le contenu principal correctement hiérarchisé (h1, h2, etc.) est placé dans la colonne du milieu, l'affichage sans la feuille de style présentera d'abord le contenu de la colonne de gauche dans le navigateur. Cela me paraît acceptable si il s'agit seulement d'un menu, mais si cette colonne contient un menu, des publicités, des photos en rapport avec le contenu, etc. le contenu de la page se retrouve positionné parfois loin dans le bas de la page. Existe t'il une solution pour garder en tête de la page le contenu principal (colonne du centre) ?
On parle parfois de liens d'évitement. Comment placer ce menu spécifique ? Dans l'entête de la page ?
Pour mon premier poste, j'espère ne pas m'être trompé de forum…
Bonjour,
Tu as un exemple à nous montrer ? Il est possible d'intervenir sur le positionnement de blocks, encore faut-il savoir quel type de positionnement est choisi… Relatif Absolu…

Par exemple un float:left d'un div se trouvant en bas de page peut le repositionner en haut, sous certaines conditions.
Pour l'instant, je suis en train de réfléchir à l'organisation d'une maquette CSS pour le site de mon profil (pour apprendre). Le code serait:

Le HTML :
<div id="left">
<div id="right">
<div id="centre">


Le CSS :
#left {
	background-color: #BCB8B8;
	float: left;
	width: 210px;
}
#centre {
	margin-left: 210px;
	margin-right: 150px;
}
#right {
	float: right;
	width: 150px;


J'ai supprimé les marges; le fond, etc. pour être simple. En regardant la page du site, il est à noter que les 3 colonnes doivent être fluide et repousser le pied de page.

Je pense être clair, je suis en train de lire le livre de Raphaël qui est excellent. Mais il reste assez difficile de chasser de son esprit la logique des tableaux et d'intégrer celle des blocs.

Cordialement
Sujet clos
Aller à