place dans le code html/apparence

jusob

Nouveau WRInaute
Bonjour
J'ai le meme menu sur toutes les pages de mon site. Helas, c'est lui aui est affiche comme description du site dans google. Je souhaite donc placer le code html du menu APRES celui du corps de la page, mais faire apparaite le menu AU-DESSUS du corps:

code html:
<div class="menu>
Mon menu
</div>

<div class="corps">
Mon corps

</div>

<div class="footer">
Notes de bas de page
</div>


A l'ecran:
_________________________
| Menu |
|________________________|
| corps |
| de la page |
|________________________|
| footer |
|________________________|


Pour cela, j'ai tente de mettre le boc menu en position: absolute; top: 0; left: 0;
Mais il recouvre alors le haut du bloc "menu". De plus, je ne peux pas ajouter de margin-top a bloc "corps", car je ne sais pas quelle hauteur va prendre le menu (cela depend de la resolution du client).

Je voudrais donc essayer de placer le bloc cors juste en-deoouis du bloc menu, quelaue soit la heuteur du menu.

Je code en HTML 4.01 Strict et CSS 1 & 2

Merci
 
J

jm

Guest
Bonjour... Hier j'ai pose une question qui je crois repond a ce probleme ...
Mais d'autres pourront surement t'eclairer plus que moi...

Voila l'essai que j'ai fais en reaction a ce que j'ai cru comprende hier sur ce post:
https://www.webrankinfo.com/forum/t/css-class-ou-id.7856/

Fichier Css pour le positionement tonStyle.css
body{
margin: 0px;
}
#top
{
margin-top: 0px;
width: 100%;
height: 20%;
background-color: Black;
}
#center
{
margin-left: 20%;
margin-right: 20%;
position: absolute;
top: 20%;
width: 60%;
background-color: Gray;
height: 70%;
}
#left
{
position: absolute;
top: 20%;
left: 0px;
width: 20%;
background-color: Green;
height: 70%;
}
#right
{
position: absolute;
right: -1px;
width: 20%;
top: 20%;
background-color: Lime;
height: 70%;
}
#bottom
{
position: absolute;
bottom: 0px;
height: 10%;
width: 100%;
background-color: Fuchsia;
}
.Le reste de ton css pour la deco en
{
"class" et non en "id";
}

Fichier Html
<html>
<head>
<title>Titre</title>
<link href="tonStyle.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="center">Contenu Principal</div>
<div id="left">Contenu de Gauche</div>
<div id="right">Contenu de Droite</div>
<div id="top">Contenu du haut La vient ton menu</div>
<div id="bottom">Contenu du bas</div>
</body>
</html>

Je pense que ca devrais fonctioner ... puisque le robot voie la source... mais pour ce qui est de ce qu'il indexe... je ne suis pas sur...

mais d'autres surement porront t'eclairer plus que moi....

Si plus de reponces nous dise que ca fonctione tu n'aurras qu'a changer les dimensions a ta guise.

:?: :roll: :?:
 

ludoanimation

WRInaute impliqué
salut,

Je reprend ce post après avoir galéré avec l'exemple toute la soirée :oops:

En fait, je voudrai faire la meme chose, mais avec du 800x600 centré quelque soit la taille d'écran, et c'est la que ca se gâte :x

les 100% et position: absolute remplissent tout l'écran, et comme je suis une bille en css j'ai jamais réussi a le modifier convenablement.

Help !
 

Discussions similaires

Haut