La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Position absolute
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Position absolute  (Lu 733 fois)
Position absolute
« sur: le 06-03-2010 a 14:25:12 »
Supermax
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 5





Voir le Profil    WWW
Répondre avec citation

bonjour j'aimerai savoir si il est possible de définir le point d'origine dans le coin d'une div pour ensuite utilisé une position absolute en css pour placer les autres élément.

exemple:

voici le code html
Citation:
<html>
<head>
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css" />
</head>
<body>
<div id=site>
   <div id=head>
   </div>
   <div id=menu>
   </div>
   <div id=corps>
   </div>
   <div id=foot>
   </div>
<div>
</body>
</html>

et voici le css:
Citation:
#site
{
  width: 1021px;
  height:657;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #555555
}

#head
{
  width: 892px;
  height: 34px;
      background-color: #eeeeee
}


#menu
{
  position:absolute;
   left:65px;
   top:42px;
  width: 892px;
  height: 34px;
  background-color: #000000
}

dans cette exemple j'aimerai que le block "menu" soit a 65px vers la gauche et 42px vers le bas en partant du coin supérieur gauche du block "site"

est-ce possible? Si oui comment? ou sinon comment faire pour placer le block menu comme indiqué ci-ci-dessus?

« Dernière Édition: le 07-03-2010 a 11:25:36 par Supermax » Rapporter au modérateur  

Re:Position absolute
« Répondre #1 sur: le 09-03-2010 a 17:53:57 »
lefou
P'tit nouveau
**

Hors-Ligne

Messages: 104





Voir le Profil    WWW
Répondre avec citation

Il te suffit de mettre à ton div #site :
Code:
position: relative;

Rapporter au modérateur  

Conception de sites web : http://www.crea-fr.com
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