Bonjour,
je suis entrain de réaliser un site web utilisant une feuille de style css.
Mon souhait est d'afficher 2 div l'un en dessous de l'autre. La taille du div supérieur varie en fonction de son contenu.
Je n'arrive pas à faire en sorte que le div inférieur se colle au div supérieur.
Voici mon code css:
et voici mon code html
Que dois-je insérer dans mon code css pour que cela fonctionne?
Merci beaucoup de votre aide
Bonne journée
je suis entrain de réaliser un site web utilisant une feuille de style css.
Mon souhait est d'afficher 2 div l'un en dessous de l'autre. La taille du div supérieur varie en fonction de son contenu.
Je n'arrive pas à faire en sorte que le div inférieur se colle au div supérieur.
Voici mon code css:
#top{
background-color:pink;
position:absolute;
width:300px;
padding:5px;
margin-top:80px;
margin-left:80px;
overflow:hidden;
}
#down{
background-color:yellow;
position:relative;
width:280px;
height:80px;
float:left;
padding:5px;
margin-left:80px;
overflow:hidden;
}
et voici mon code html
<html>
<head>
<link href="feuille.css" rel="stylesheet" type="text/css"><!-- Charge la feuille de style-->
<script src="script.js" type="text/javascript" language="Javascript"></script><!-- Charge la feuille de script -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>
<div id="top">
</div>
<div id ="down">
</div>
</html>
Que dois-je insérer dans mon code css pour que cela fonctionne?
Merci beaucoup de votre aide
Bonne journée
