28172 sujets

CSS et mise en forme, CSS3

[résolu] Zone des div

Bonjour,
Comment faire pour que les div avec la class glob contiennent les sous div
on dirait que les sous div sont externe au div glob

mon code de test :
<html>
<head>
<style>
* {
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	font-family: verdana, arial;
	color: #7c7c6c;
}
html {
	padding: 5px;
	overflow-y: scroll;
}
.glob {
  clear: both;
	border: #588999 1px solid ;
}
.alasuite {
  float: left;
	border: #bac6c2 1px solid ;
}
.alaligne {
  clear: both;
  float: left;
	border: #cc0033 1px solid ;
}

</style>
</head>

<body>
<div class="glob">
  <div class="alasuite">A</div>
  <div class="alasuite">B</div>
  <div class="alasuite">C</div>
</div>
<div class="glob">
  <div class="alasuite">A</div>
  <div class="alaligne">B</div>
  <div class="alasuite">C</div>
</div>
</body>
</html>

Modifié par myocean (07 Sep 2010 - 12:04)
Bonjour aussi...

Tes divs .alasuite sont bien dans le .glob, mais comme ils sont flottants il en débordent (gestion de flux). Pour que le conteneur englobe bien les éléments flottants, il y a deux solutions :

1. Ajouter ula propriété overflow (auto ou hidden) à .glob, ou

2. Ajouter un élément dans .glob et après les éléments flottant auquel tu ajoutera la propriété clear:left;

ps. : pense à consulter la section apprendre qui contient de nombreuses astuces comme celle-ci.
Modifié par Laurie-Anne (07 Sep 2010 - 11:25)
Sujet clos
Aller à