margin - css box doesn't fit in correctly -


i have piece of html , css code,and want table(id = "table") fit in higher in "box".but there little margin on header says "kalkulatory macierzowe".so how can fix it? html

<div id = "box">     <div class = "table" id = "table"> <div id = "header">kalkulatory macierzowe</div>  <div id = "table1"> <div class = "header">wyznacznik [2x2]</div>     <form id = "row1">         <input type = "text" class = "det1"/><!--first row-->         <input type = "text" class = "det1"/>     </form>     <form id = "row2">         <input type = "text" class = "det1"/><!--second row-->         <input type = "text" class = "det1"/>     </form>     <div class = "count"><a href = "#"  onclick="det('det1','caclvalue2')">wylicz</a></div>         <input type = "text" id = "calcvalue2"/>     </div>  <div id = "table2"> <div class = "header">wyznacznik [3x3]</div>  <form id = "row1"><!--first row-->     <input type = "text" class = "det"/>     <input type = "text" class = "det"/>     <input type = "text" class = "det"/>  </form>  <form id = "row2"><!--second row-->     <input type = "text" class = "det"/>     <input type = "text" class = "det"/>     <input type = "text" class = "det"/> </form> <form id = "row3"><!--third row-->     <input type = "text" class = "det"/>     <input type = "text" class = "det"/>     <input type = "text" class = "det"/> </form> <div class = "count" onclick="det(3,'det')"><a href = "#">wylicz</a></div> <input type = "text" id = "calcvalue1"/> </div>  <div id = "table3"> <div class = "header">macierz odwrotna [2x2]</div>  <form id = "row1">     <input type = "text" class = "det2"/><!--first row-->     <input type = "text" class = "det2"/>  </form>  <form id = "row2">     <input type = "text" class = "det2"/><!--second row-->     <input type = "text" class = "det2"/> </form> <div class = "count" onclick="invertedmatrix(2,'det2')"><a href = "#">wylicz</a>    </div> </div> </div> </div> 

css

#box{ border-collapse:collapse; width:1070px; min-width: 1045px; height: 600px; min-height: 600px; margin:auto; background-color:rgb(25,88,179); background:url('images/box.jpg'); box-shadow:0px 1px 1px 1px #ffffff; -moz-box-shadow:0px 1px 1px 1px #ffffff; -webkit-box-shadow:0px 0px 3px 1px #ffffff; }  table{ position:relative; top:0; padding:0; height:100%; border-collapse:collapse; } #table{ border-collapse:collapse; border-right:2px inset rgb(0,0,0); border-left:2px inset rgb(0,0,0); border-top:2px inset rgb(150,150,150); border-bottom:none; width:1067px; min-width:1067px; height: 599px; min-height: 599px;  } #header{ margin-top:0; height:30px; max-height:30px; text-align:left; font-size:16px; font-family:georgia, serif; background-color:rgb(32,74,109); color:rgb(255,255,255); border-bottom:2px inset rgb(0,0,0); clear:left; } 

sounds need this:

body {margin: 0;} 

Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -