Что с этим отступом в левой части моей страницы?

Я делаю сайт с нуля и не продвинулся далеко, пока не застрял. Это очень простой код, и я нигде не указываю поля или отступы, но когда я просматриваю страницу в Chrome и Firefox, это поле слева сторона, сохраняющая что-либо из существующего в течение первых 25 или около того пикселей. Что-то подсказывает мне, что это нормально/по умолчанию, но есть ли способ полностью центрировать страницу, конечно, она не может быть по-настоящему центрирована с помощью этой вещи, выглядящей слева: 10px...

Вот CSS:

.header {
height:100px;
width:100%;
top:100px;
z-index: 1;
position:fixed;
background-color:#767676;
top:0px;

}

HTML {

background-color:transparent;
color:#555555;
font-family: 'Roboto', 'Univers';
line-height: 1.0em;
width:100%;
height:100%;
background-color:#f8f8f8;

}

...И скриншот, показывающий именно то, о чем я говорю:

http://i.stack.imgur.com/vFDID.png


person jspinella    schedule 11.10.2013    source источник


Ответы (1)


Вам, вероятно, понадобится какой-то сброс CSS, чтобы стереть настройки браузера по умолчанию. В своих проектах я включаю * { padding: 0; margin: 0; } вверху своего CSS. Это заботится почти обо всем.

person Kate McCubbins    schedule 11.10.2013
comment
Похоже, это как-то связано с дивами, если я начну с нуля, текст будет идеально слева. Спасибо, я тоже возьму эту привычку! - person jspinella; 13.10.2013