Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: Supermax le le 06-03-2010 a 14:25:12

Titre: Position absolute
Posté par: Supermax le le 06-03-2010 a 14:25:12

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?

Titre: Re:Position absolute
Posté par: lefou le le 09-03-2010 a 17:53:57

Il te suffit de mettre à ton div #site :

Code:
position: relative;


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.