сайт div не растянется слева направо, как вы исправите CSS? - PullRequest
Новая
       0

сайт div не растянется слева направо, как вы исправите CSS?

0 голосов
/ 25 ноября 2011

enter image description here

enter image description here

#header {
    z-index: 1;
    width: 100%;
    padding: 8px 0px 8px 0px;
    background-image: url('img/head-img.png');
    background-repeat: repeat;
}

#nav {
    z-index: 1;
    margin: 0px auto;
    text-align: center;
    font-size: 25px;
}

#nav a {
    color: white;
    text-decoration: none;
    padding-right: 10px;
    font-family: fantasy;
}

#nav a:hover {
    color: black;
    text-decoration: underline overline;
}

#dlogo {
    position: absolute;
    /* background-color: #feffe3; */
    z-index: -1;
    width: 100%;
    height: 100%;
}

#dtext {
    position: absolute;
    z-index: -1;
    margin: 0px auto;
    width: 100%;
    height: 100%;
}

#blogo {
    display: block;
    margin-top: 12%;
    margin-left: auto;
    margin-right: auto;
}

#btext {
    margin-top: 55px;
    margin-left: 40%;
}

#wrapper {

}

#content {
    margin: 0px auto;
    margin-top: 60px;
    min-width: 600px;
    max-width: 1000px;
    font-size: 22px;
    font-family: sans-serif;
}

#content h1, h2 {
    color: orange;
    font-family: serif;
}

#content a {
    color: black;
    text-decoration: none;
}

#content a:hover {
    color: red;
}

#footer {
    z-index: 1;
    width: 100%;
    height: 200px;
    background-color: #1d726d;
    margin-top: 40%;
}


<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css" />
        <title></title>
    </head>
    <body>
        <div id="dlogo">
                <img id="blogo" src="img/back-img2.png" />
        </div>
        <div id="dtext">
                <img id="btext" src="img/f-it2.png" />
        </div>
        <div id="header">
            <div id="nav">
                <a href="">Home</a>
                <a href="">About Us</a>
                <a href="">Solutions</a>
                <a href="">Success Stories</a>
                <a href="">Contracts</a>
                <a href="">Careers</a>
                <a href="">Contact Us</a>
            </div>
        </div>
        <div id="wrapper">
            <div id="content">

            </div>
        </div>
        <div id="footer">

        </div>
    </body>
</html>

Если вы присмотритесь, вы увидите, что черная навигационная полоса / заголовок не будет растягиваться из стороны в сторону.

Похоже, что на весь сайт был наложен отступ в 10 пикселей.

Как мне избавиться от «поля», которое я никогда не применял, но не происходит ни с одним другим сайтом.

Я использую netbeans, chrome и xampp.

Ответы [ 2 ]

2 голосов
/ 25 ноября 2011
0 голосов
/ 25 ноября 2011

Разве вы не можете просто сделать это? 

html {
   padding:0px;
   margin:0px;
}

Или я здесь упускаю смысл?Не очень много деталей было дано, если бы вы могли уточнить?Это помогает.: D

Кроме того, иногда я делаю ваш div отрицательным значением margin.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...