La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Petit probleme css, position en bas.
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Petit probleme css, position en bas.  (Lu 806 fois)
Petit probleme css, position en bas.
« sur: le 12-08-2004 a 14:40:41 »
matt050
Membre récent
*

Hors-Ligne

Messages: 8



Je suis un lama!

Voir le Profil
Répondre avec citation

Bonjour tt le monde!
J'ai un petit probleme, voila, je voudrais positionner un element tt en bas de ma page, mais ca ne marche pas trop
Donc, j'appelle quelqun qui pourait me dire ce qui cloche!
voici mon code css:
Code:
.haut {
position : absolute;
top : 1em;
height : 10%;
width : 95%;
border : 1px solid #000000;
}
html > body .menu {
position : fixed;
}
.menu {
background-color : #cfcfcf;
height : 50%;
position : absolute;
top : 6em;
left : 1%;
border : 1px solid #000000;
padding : 1em;
width : 15%;
}
html > body .menu {
position : fixed;
}
.conteneur {
width : 80%;
height : 100%;
background-color : #ffcc66;
border : 1px solid #000000;
padding : 2px;
position : absolute;
top : 6em;
right : 1%;
}
.bas {
height : 5%;
width : 95%;
border : 1px solid #000000;
}

et mon code html:
Code:
<html>
<head>
<title>Dr slump</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div class="haut">
  <?php
    include ('haut.php');
  ?>
</div>

<div class="menu">
  <?php
    include ('menu.php');
  ?>
</div>

<br>

<div class="conteneur">
bla bla
</div>

<div class="bas">
  <?php
    include ('bas.php');
  ?>
</div>

</body>
</html>
Bon, j'ai plus qua attndre qu'un sauveur vienne m'aider!
Perso, je pense qui faut faire un truc du genre top : 1em;  mais l'inverse de top, enfin, jarrive pas a expliquer!

Rapporter au modérateur  

Re:Petit probleme css, position en bas.
« Répondre #1 sur: le 12-08-2004 a 16:11:10 »
jb_gfx
Invité

E-Mail
Répondre avec citation

tu peux essayer "top: 95%;" vu que ton pied de page est censé faire 5%...
Normalement si ton site prend pas mal de place dans la hauteur (cas le plus courant) t'as pas vraiment besoin de positionner le pied, tu le place juste à la fin dans ton code html et c'est bon.

Perso j'aurais plutot fait un pied en taille pixels (pour la hauteur) puis utilisé une marge négative pour le positionement (en admettant que ton site n'occupe pas la totalité de la hauteur).

exemple:

position: absolute;
height: 80px;
top: 100%;
margin-top: -80px;

Je trouve tes pourcentages un peu bizarre par contre, conteneur height à 100% mais c'est pas vraiment un conteneur vu que le pied et l'entete sont situé en dehors... A mon avis y'a d'autre trucs à corriger.

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg