css div padding
Hejjeg har lavet nogle kasser med div, men jeg mellemrum mellem dem.
kasserne er placeret oven på hinanden.
hvordan fjerner jeg det lille mellemrum. Det svarer næsten til cellpadding/cellspacing på tabeller.
fejlen...liggeder mellem "section1" og "section2". "Section1" har lige en pixel for meget(har farvet den rød til at teste)
---- KODE ---
<style type="text/css">
body {text-align: center; margin: 0; padding: 0;}
div.inline {
}
.mainpage {
border-style: solid;
width:750;
border-color: #000000;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-right-width: 1px;
padding-bottom:0;
padding-top:0;
}
P { }
.t_flashheader {
}
.t_flashheaderfooterLine{
background:#D4D4D4;
width:750;
height:1;
border-color:C1C1C1;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 2px;
border-left-width: 0px;
border-right-width: 0px;
padding-bottom:0;
padding-top:0;
}
.sec1_1 {
float:left;
text-align:left;
padding-bottom:0;
padding-top:0;
height:204;
}
.sec1_2 {
background:#F0F0F0;
float:left;
text-align:left;
width:246;
height:204;
border-color:E0E0E0;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 2px;
padding-bottom:0;
padding-top:0;
}
.sec1_3 {
background:#E7E7E7;
float:right;
text-align:left;
width:474;
height:204;
border-color:FFFFFF;
border-style: solid;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 5px;
border-right-width: 0px;
padding-right:0;
margin-bottom:0;
padding-bottom:0;
padding-top:0;
margin:0;
}
.section1 {
width:750;
height:204;
background:red;
}
.section2 {
width:750;
height:10;
background:yellow;
}
</style>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0">
<div class="mainpage">
<div class="t_flashheader"><img src="images/top_header.jpg" width="750" height="62"></div>
<table class="t_flashheaderfooterLine" cellpadding="0" cellspacing="0"><tr><td></td></tr></table>
<div class="section1" style="margin:0">
<div class="sec1_1">
<img src="images/left_welcome.jpg">
</div>
<div class="sec1_2">
1_2
</div>
<div class="sec1_3">1_3</div>
</div>
<div class="section2">
<div class="sec2_1"><img src="images/bg_2_1.jpg"></div>
<div class="sec2_2">1_2</div>
</div>
</div><!--mainpage-->
