[CSS] Content Box
Even een snel vraagje van mij. Ik heb een container div, in die container zijn nog 3 divs:
Top
Middle
Bottom
Nu hebben deze 3 divs allemaal een achtergrond, en middle en top hebben ook text. Maar nu heb ik een soort van padding/margin tussen de 3 divs (staan onderelkaar omdat de container en de divs dezelfde width hebben). Ik krijg het met geen mogelijkheid weg?
Gesponsorde koppelingen:
In ieder geval, als we je bron kunnen bekijken is het zo opgelost.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.sidebar_client{
width:224px;
margin:0px auto 0px auto;
}
.top{
width:224px; height:31px;
background: url('../images/_09.jpg') no-repeat;
padding:9px 0px 0px 25px;
}
.middle{
width:224px;
background: url('../images/_12.jpg') repeat-y;
}
.bottom{
width:224px; height:6px;
background: url('../images/_14.jpg') no-repeat;
}
width:224px;
margin:0px auto 0px auto;
}
.top{
width:224px; height:31px;
background: url('../images/_09.jpg') no-repeat;
padding:9px 0px 0px 25px;
}
.middle{
width:224px;
background: url('../images/_12.jpg') repeat-y;
}
.bottom{
width:224px; height:6px;
background: url('../images/_14.jpg') no-repeat;
}
[XHTML:]
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<div class="sidebar_client">
<div class="top">
soms
</div>
<div class="middle">
<p>soms</p>
</div>
<div class="bottom"></div>
</div>
<div class="top">
soms
</div>
<div class="middle">
<p>soms</p>
</div>
<div class="bottom"></div>
</div>
Edit:
Heb dit dus op 2 plekken in de site...
Gewijzigd op 01/01/1970 01:00:00 door Niborx Trump
Ik denk dat je toch even je margins en paddings moet resetten. Daar heeft het mee te maken..
doe anders even:
* {
margin:0;
padding:0;
}
bovenaan
Dit is echt weird!
