Witam, mam takie pytanie, otóż tworzę stronę www http://code-lab.pl/ i mam taki problem, zdefiniowałem określoną szerokość pojemnika na 1350px, natomiast nie wiem dlaczego utworzony został scroll-bar dolny i mam margines który w ogóle nie jest definiowany nawet podczas "badania elementu". Możecie mi podpowiedzieć czym to może być spowodowane?
body
{
background-color: #eeeeef;
font-family: 'Roboto', sans-serif;
font-size: 14px;
width: 1350px;
line-height: 22px;
margin: 0 !important;
}
.header
{
width: 100%;
height: 30px;
padding: 5px 0;
background-color: #000000;
text-align: center;
border-top: 1px solid #751b1b;
border-bottom: 1px solid #751b1b;
}
#logo
{
width: 1170px;
height: 250px;
margin-top: 10px;
margin-bottom: 20px;
}
#menu
{
width: 1170px;
height: 50px;
margin-bottom: 10px;
background-color: #000000;
}
#content
{
width: 1170px;
margin-left: auto;
margin-right: auto;
text-align: justify;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
background-color: #ffffff;
}
.square
{
float: left;
padding-top: 10px;
padding-bottom: 20px;
}
#slider
{
margin-top: 10px;
width: 660px;
height: 365px;
background-color: #065473;
margin-right: 20px;
}
.main
{
margin-top: 10px;
float: left;
}
.text
{
height: auto;
width: 870px;
float: left;
padding-right: 15px;
margin-top: 10px;
}
.info
{
height: 1200px;
width: 275px;
background-color: #eeeeef;
float: left;
padding-right: 10px;
margin-top: 15px;
}
.footer
{
width: 100%;
height: 40px;
padding: 5px 0;
background-color: #000000;
text-align: center;
border-top: 1px solid #751b1b;
border-bottom: 1px solid #751b1b;
}
.book
{
width: 225px;
height: 300px;
margin-left: 30px;
margin-top: 15px;
}
.head
{
width: 95%;
font-size: 1em;
border-bottom: 1px solid rgb(192, 192, 192);
text-align: center;
font-size: 18px;
color: #34495e;
padding: 10px;
}
.block-title1
{
border-bottom: 1px solid #d9d9d9;
font-size: 16px;
font-weight: 500;
line-height: 24px;
margin-bottom: 15px;
margin-top: 30px;
padding: 12px 0;
position: relative;
text-transform: uppercase;
}
.block-title
{
border-bottom: 1px solid #d9d9d9;
font-size: 16px;
font-weight: 500;
line-height: 24px;
margin-bottom: 15px;
margin-top: 10px;
padding: 12px 0;
position: relative;
text-transform: uppercase;
}
.link1
{
outline: 0;
font-size: 20px;
text-align:center;
margin-top: 5px;
margin-bottom: 10px;
}
.link1 > a
{
color: #3498db;
text-decoration: none;
}
.bordertitle-red {
border-bottom-color: #ca2f1a;
}
.home-featured-block.block-3
{
background-color: #f2f2f2;
padding: 0 16px 16px;
margin-top: 15px;
width: 840px;
}
[class*="bordertitle-"]
{
bottom: 0px;
border-bottom-width: 7px;
border-bottom-style: solid;
display: inline-block;
left: 0;
position: absolute;
text-transform: uppercase;
width: 117px;
}