Как убрать отступы вверху страницы?

nemo59 · February 6, 2013

Не могу убрать отступы вверху страницы. Пробовал margin: 0 и padding:0 для всех элементов - не помогло. Помогите исправить. Код:

<!DOCTYPE html> <html> <head> ?<title>Головна сторінка</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Andrei Nemchenko" /> <meta name="keywords" content="Мій герой" /> <meta name="robots" content="all" /> <link rel="stylesheet" type="text/css" href="[url="http://localhost/myheroi/styles.css"]styles.css[/url]" /> <script type="text/javascript" src="[url="http://localhost/myheroi/scripts/clock.js"]scripts/clock.js[/url]"></script> <script type="text/javascript" src="[url="http://localhost/myheroi/scripts/scroll.js"]scripts/scroll.js[/url]"></script></head> <body> ?<div id="header"> <img src="[url="http://localhost/myheroi/images/scroll.png"]images/scroll.png[/url]" onclick="scrollmclick();" onmouseover="scrollmouse(true);" onmouseout="scrollmouse(false);" alt="" id="scrollupid" /> <div id="clock">Завантаження...</div> <div id="sitelogo-all"> <div id="sitelogo-left"></div> <div id="sitelogo">Мій герой</div> <div id="sitelogo-right"></div> </div> <div id="menu"><a href="[url="http://localhost/"]/[/url]"><span class="link">Головна</span></a><a href="[url="http://localhost/myheroi/guestbook.php"]guestbook.php[/url]"><span class="link">Гостьова книга</span></a></div> </div> <div id="content-top"></div> <div id="content"> <p style="margin-top:0;"> Зміст сторінки </p> <div style="clear:both;"></div> </div> <div id="content-bottom"></div> </body> <html>

:

CSS:


[color=#000000]body {[/color]

background: url('images/background.png');
margin: 0 auto;
width: 1000px;
}

#header {
background: url('images/header.png');
height: 300px;
width: 997px;
margin-bottom: 15px;
}

#sitelogo {
display: inline-block;
font-size: 70px;
font-weight: bold;
color: white;
background: url('images/sitelogo.png');
height: 100px;
vertical-align: top;
}

#sitelogo-left {
display: inline-block;
height: 100px;
width: 50px;
background: url('images/sitelogo-left.png');
}

#sitelogo-all {
height: 100px;
margin-left: 300px;
margin-top: 50px;
display: inline-block;
font-size: 0;
}

#sitelogo-right {
display: inline-block;
height: 100px;
width: 50px;
background: url('images/sitelogo-right.png');
}

#content {
width: 735px;
background: url('images/content.png');
}

#content-top {
width: 735px;
height: 25px;
background: url('images/content-top.png');
}

#content-bottom {
width: 735px;
height: 25px;
background: url('images/content-bottom.png');
}

#clock {
height: 20px;
width: 290px;
background: url('images/clock.png');
margin-left: 500px;
text-align: center;
font-weight: bold;
padding: 5px;
}

button {
height: 25px;
vertical-align: middle;
background: silver;
}

.b {
font-weight: bold;
}

.i {
font-style: italic;
}

.u {
text-decoration: underline;
}

.o {
text-decoration: overline;
}

.s {
text-decoration: line-through;
}

table {
border-collapse: collapse;
width: 100%;
}

.comment {
background: url('images/comment.png');
width: 690px;
padding: 0 5px;
}

.comment-top {
height: 10px;
width: 700px;
background: url('images/comment-top.png');
}

.comment-bottom {
height: 10px;
width: 700px;
background: url('images/comment-bottom.png');
margin-bottom: 10px;
}

#scrollupid {
margin: 50px;
position: fixed;
opacity: 0.5;
}

#menu {
	height: 50px;
	width: 980px;
	background: url('images/menu.png');
	margin: 50px auto 0;
}

#menu a .link {
	display: inline-block;
	background: url('images/menubut.png');
	height: 30px;
}

Страница на даный момент пока недоработана.

mayse · February 6, 2013

У тебя в #clock {padding:5px;} убери его или сделай: padding:0 5px 5px;

пс: закрой тег html, он у тебя там без слеша

nemo59 · February 7, 2013

Не помогло... Но все равно благодарен за помощь и обнаруженную опечатку!

nemo59 · February 9, 2013

Никто не знает...

nemo59 · February 10, 2013

Помогите, пожалуйста! Мне срочно надо! Буду безгранично благодарен!

sigma77 · February 10, 2013

Не видя пациента сложно что-то сказать.

Возможно схлопывающиеся марджины.

nemo59 · February 10, 2013

Могу подсказать... Эта страница написана с использованием php. В первом сообщении исходный код, который я скопировал с браузера. Только-что я решил скопировать код с исходного кода в текстовый файл, сохранить в виде html документа и открыть. Отступы остались. Но тут я увидел, что в текстовом файле кусок кода <div id="header">? написан почему-то меньшими буквами. Я его выделил и ввел заново (нормальными буквами), сохранил, открыл в браузере. Отступ пропал. Этот код - начало шапки. Шапка у меня находится в отдельном файле header.inc и прикреплена к документу с помощью функции include() Я пробовал в нем заново набирать этот кусок - не помогло. Что делать?

Edited February 10, 2013 by nemo59

dmitriydrachov · February 10, 2013

Ссылку на сайт в студию.

Sign In

Как убрать отступы вверху страницы?

Question

nemo59

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

mayse

Link to comment

Share on other sites

nemo59

Link to comment

Share on other sites

nemo59

Link to comment

Share on other sites

nemo59

Link to comment

Share on other sites

sigma77

Link to comment

Share on other sites

nemo59

Link to comment

Share on other sites

dmitriydrachov

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information