Niechciana linia, HTML i CSS

pytanie zadane 12 czerwca 2017 w HTML i CSS przez Adwormix Nowicjusz (230 p.)
zamknięte 13 czerwca 2017 przez Adwormix

Witam, co zrobić aby między górnym banerem, a czarnym prostokątem nie było tej linii odstępu?

HTML:

<!DOCTYPE HTML>
<html lang="pl">
<head>
   <meta charset="utf-8" />
   <title> Title</title>
   <meta name="descritpion" content="asdasd" />
<meta name="keywords" content="asdasd" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <link rel="stylesheet"   href="style.css" type="text/css"   />
   <link href="https://fonts.googleapis.com/css?family=Lato|Lobster&subset=latin-ext" rel="stylesheet">

<div id="calosc">
<div id="baner">
<img src="obrazki/baner.jpg">
</div>
<div id="rectangle"</div>

</div>

CSS:

body
{
   font-family: 'Lato', sans-serif;
   background-color: #3A6669;
}
#calosc
{
width: 1000px;
margin-right: auto;
margin-left:auto;
position:relative;
}
#rectangle
{
   background-color: black;
   width: 1000px;
   height: 100px;
}

komentarz zamknięcia: Rozwiązanie problemu

3 odpowiedzi

odpowiedź 12 czerwca 2017 przez Mifau Gaduła (4,220 p.)
wybrane 12 czerwca 2017 przez Adwormix

odpowiedź 12 czerwca 2017 przez Michał Kazula Pasjonat (19,540 p.)

Wklej kod w znacznik "code".
#calosc { 
 width: 1000px; 
 margin-right: auto; 
 margin-left:auto; 
 position:relative;
margin-bottom: 0; 
} 
#rectangle { 
    background-color: black; 
    width: 1000px; 
    height: 100px; 
    margin-top: 0;
}