wit randje
Daar binnen in heb ik een div gemaakt met een achtergrond kleur.
Alleen aan de rechterkant blijft net voor de border een wit randje.
Hoe krijg ik dat weg.
Dit is mijn code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
#Home-Top-Links {
width: 332px;
height: 489px;
float: left;
border: 1px solid black;
font-family: "Tahoma";
}
#Home-Top-Links-Header {
background-color: #bfbfbf;
width: 100%;
height: 45px;
}
width: 332px;
height: 489px;
float: left;
border: 1px solid black;
font-family: "Tahoma";
}
#Home-Top-Links-Header {
background-color: #bfbfbf;
width: 100%;
height: 45px;
}
Code (php)
1
2
3
4
5
2
3
4
5
<div id="Home-Top-Links">
<div id="Home-Top-Links-Header">Top 5 stageplekken</div>
</div>
<div id="Home-Top-Links-Header">Top 5 stageplekken</div>
</div>
in Designer7 (testmode) krijg ik namelijk niks vreemds te zien.
Groeten, Antony
Gewijzigd op 27/07/2011 12:26:25 door Antony Riksen
dat wil ik graag weg hebben.
body {
padding: 0;
}
Zou trouwens ook nog whitespace kunnen zijn. Probeer in plaats van
Code (php)
1
2
3
4
5
2
3
4
5
<div id="Home-Top-Links">
<div id="Home-Top-Links-Header">Top 5 stageplekken</div>
</div>
<div id="Home-Top-Links-Header">Top 5 stageplekken</div>
</div>
eens
Code (php)
1
<div id="Home-Top-Links"><div id="Home-Top-Links-Header">Top 5 stageplekken</div></div>
Toevoeging op 29/07/2011 00:47:55:
iemand?
Waarschijnlijk staat er ergens anders iets fout.
Inderdaad nergens een fout te zien.
Voorbeeld 1:
#Home-Top-Links {
width: 332px;
height: 489px;
float: left;
border: 1px solid black;
font-family: "Tahoma";
}
#Home-Top-Links-Header {
background-color: #bfbfbf;
height: 45px;
}
Voorbeeld 2:
#Home-Top-Links {
width: 332px;
height: 489px;
float: left;
border: 1px solid black;
font-family: "Tahoma";
}
#Home-Top-Links-Header {
background-color: #bfbfbf;
width: 332px;
height: 45px;
}
