J'ai une div qui est 900px est élevé et la largeur de l'intérieur de cette auto div J'ai 2 divs chaque 900px haute et large 300px Je veux qu'ils flottent NXT to eachother mais on est sous la Othere même si cela signifie que son extérieur découlant du PARE pas div
Ses mieux expliquer avec le code - si elle est ici.
les parties pertinentes que
html
<body>
<div id="content">
<div class="par">
<span class="text">
text tag like this
text
</span>
<span class="text">
text tag like this
text
</span>
</div>
<div class="par">
<span class="text">
text tag like this
text
</span>
<span class="text">
text tag like this
text
</span>
</div>
</div>
</body>
- <body>
- <div id="content">
- <div class="par">
- <span class="text">
- text tag like this
- text
- </span>
- <span class="text">
- text tag like this
- text
- </span>
- </div>
- <div class="par">
- <span class="text">
- text tag like this
- text
- </span>
- <span class="text">
- text tag like this
- text
- </span>
- </div>
- </div>
- </body>
et le css
#content {
float:left;
height:900px;
width:auto;
margin-left:200px;
overflow:auto;
}
.text {
display:block;
height:400px;
background:#c0c0c0;
width:600px;
margin-top:35px;
padding-left:10px;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
-webkit-border-top-left-radius:20px;
-moz-border-radius-topleft:20px;
-webkit-border-bottom-right-radius:20px;
-moz-border-radius-bottomright:20px;
}
.par {
width:610px;
height:900px;
float:left;
}
- #content {
- float:left;
- height:900px;
- width:auto;
- margin-left:200px;
- overflow:auto;
- }
- .text {
- display:block;
- height:400px;
- background:#c0c0c0;
- width:600px;
- margin-top:35px;
- padding-left:10px;
- border-top:1px solid #000;
- border-left:1px solid #000;
- border-right:1px solid #fff;
- border-bottom:1px solid #fff;
- -webkit-border-top-left-radius:20px;
- -moz-border-radius-topleft:20px;
- -webkit-border-bottom-right-radius:20px;
- -moz-border-radius-bottomright:20px;
- }
- .par {
- width:610px;
- height:900px;
- float:left;
- }
^__^