им делать сайт, но у меня проблема с моим заголовком. Мне нужен заголовок точно так же, как stackoverflows hearer, но мой заголовок получает пробелы на стороне и сверху. это мой CSS:веб-сайт полная ширина заголовка

@charset "utf-8"; 
/* CSS Document */ 
.logo { 
    vertical-align: top; 
    position: relative; 
    height: auto; 
    width: auto; 
} 
#header { 
    background-color: #E7E7E7; 
    margin: auto; 
    width: 100%; 
    heigth: 100; 

}

это мой HTML:

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Kifhood.se</title> 
<link href="Untitled-3.css" rel="stylesheet" type="text/css"> 
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--> 
<script>var __adobewebfontsappname__="dreamweaver"</script> 
<script src="http://use.edgefonts.net/advent-pro:n1,n3:default.js" type="text/javascript"></script> 

</head> 

<body> 
<div id="header"> 
      <div class="wrap"> 
       <div class="logo"> 
        <p style="font-family: advent-pro; font-style: normal; font-weight: 300; font-size: 36px; color: #FFFFFF; min-width: 0px;">Testing site</p> 
       </div>    
      </div> 
    </div> 
</body> 
</html>

и это мой результат http://gyazo.com/4b0329b097fe51db377258f99d0fe2c9

источник

2014-02-20 user2626539

Вы уже удалили набивку и маржу от тела и HTML элементов? – kthornbloom

Я не вижу пробелов в заголовке. В конце концов вы используете 'position: fixed' с (0,0). – Sachin

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

Это позволит решить белый вокруг содержания.

Важно

Как Cubicle Дракон указал на пункт будет иметь запас, который ударяет по заголовку. Это приводит к лишнему пробелу. Замените его другим элементом (например, «span» для текста или «div» для содержимого блока).

источник

2014-02-20 21:28:16

Rawr! Имейте upvote. –

Try:

#header { 
background-color: #E7E7E7; 
margin: 0; 
width: 100%; 
heigth: 100; 

}

источник

2014-02-20 21:29:59

body { 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
margin-left: 0px; 
}

источник

2014-02-20 21:30:12 lukehemingway

У вас есть лишний код, вы можете просто написать 'body {margin: 0;}' – vsgoulart

В любом случае, в будущем он хочет сохранить запас на одной из сторон, тогда он может просто изменить каждый. – lukehemingway

2 вещи:

Используйте <div> вместо <p> для содержания "полигонах". <p> имеет встроенный вертикальный край.
Добавить стиль на <body> удалить запас по умолчанию браузер может быть добавление

Вот рабочий jsfiddle http://jsfiddle.net/t5XwZ/

источник

2014-02-20 21:31:44

Измените ваш CSS к этому:

#header p { 
    margin: 0; 
    padding: 0; 
} 

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

JSFiddle Demo

источник

2014-02-20 21:37:07 Krimson

Скорее всего вы бежите в проблемы с различиями в стилях по умолчанию, применяемых различными браузерами. Вы можете добавить margin: 0 и padding: 0 в элементы html, как было предложено выше, но будут другие несоответствия, с которыми вы столкнетесь. Я бы настоятельно рекомендовал использовать сброс css или нормализовать, чтобы исправить большинство этих несоответствий.

Я использую Эрик Мейер версию 2, но есть много, чтобы выбрать из: http://www.cssreset.com/

источник

2014-02-20 21:46:43 TorranceScott

веб-сайт полная ширина заголовка

ответ

JSFiddle Demo

Смежные вопросы