Фон раздела div имеет необъяснимые отступы. Почему?

Question

Фон раздела div имеет необъяснимые отступы. Почему?

0

Хорошо, ive провел несколько дней, пытаясь понять, почему это не работает, и пока Google не дал мне ничего полезного. Может быть, есть встроенное правило, о котором я просто не знаю. Я ненавижу публикацию на сайтах, подобных этому, с вопросами, которые могут быть тривиальными, но я исчерпал свои собственные усилия.

Поэтому я поместил фон в свой CSS, и он работает с alotted тегом, но он добавляет некоторые дополнения, которые не указаны. Попытка изменить это ничего не делает. Фон для тела растягивает длительность экрана, но не этот.

Здесь заголовок загорается.

<?php
    require_once 'classes/Membership.php';
    $membership = new Membership();
    $loggedin = $membership->confirm_loggedin();
    if(!$loggedin){
        ob_start();
        header("Location: http://lolteamrecruiter.com/login.php");
        ob_end_flush();    
    }

?>

<!DOCTYPE html>
<?php

include @ 'header.php';

?>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Login</title>
    </head>
    <body>

    <div id="Login">

        <!--LOGOUT BUTTON -->
        <p>
            Results Page
        </p>
    </div>
    </body>
</html>

Здесь содержится файл php.

<link href="css/header.css" rel="stylesheet" type="text/css" />

<div id="header">
    <a href="index.php"><img src="css/images/angel.png" height="40px" width="20px"></a> 

    <?php
    require_once 'classes/Membership.php';
    $membership = new Membership();
    $loggedin = $membership->confirm_loggedin();
    if($loggedin){
        echo '    <div id="header-right-account">
    <ul id="nav">
    <li><a href="#">My Account</a>
        <ul>
            <li><a href="#">Edit</a></li>
            <li><a href="#">Tacos</a></li>
            <li><a href="#">Burritos</a></li>
            <li><a href="http://lolteamrecruiter.com/login.php?status=logout">Log Out</a></li>
        </ul>
    </li>
    </ul>
    </div>';

    }else{
     echo '<div id="header-right"><a href="login.php">Log In</a></div>';

    }
    ?>


</div>

Это файл css, который использует фон

#header{

    background-image : url(images/black.png); 
    background-repeat : no-repeat; 
    background-size: 100% 100%;
    background-attachment : fixed;  
    background-origin:border-box;
    margin: 0 auto;
    padding: 0;
    top:0;

}

Сайт, чтобы увидеть это на http://lolteamrecruiter.com/

user2789380 18 сен. 2013, в 00:47

Источник

Теги:

php

html

css

background

padding

3 ответа

0

body {
  background-image : url(images/login-box-backg2.png) no-repeat; 
  background-size: 100% 100%;
  background-attachment : fixed;
  margin: 0;
  padding: 0;
}

mdesdev 17 сен. 2013, в 19:40

0

По умолчанию ваше изображение выровнено по отношению к базовой линии, что означает, что пробел ниже его является пространством для нижней части букв, таких как p, g, j и т.д.

Попробуй это:

#header a img { vertical-align: middle; }

Dan 17 сен. 2013, в 19:14

Ещё вопросы

Daniel Schwarz · Accepted Answer · 2013-09-17T19-46-00.000Z

Вы имеете в виду интервал вокруг логотипа? Просто добавьте отображение: блок к изображению.

редактировать

Хорошо, добавьте margin: 0 к телу.

Извините, я имею в виду, что я хочу, чтобы черный заголовок проходил по всем сторонам экрана и до верхней части экрана. Theres пространство с обеих сторон и верх, который белый (от фона тела).
Ууу, тывм. Я знал, что это было что-то глупое и очевидное. Это потому, что по умолчанию тело предоставляет поле, даже если заголовок находится перед тегами тела?
Это зависит от браузера, Chrome добавляет 8px :)