VPF::Неверно отображает отступы сверху

MakTpaxep

Дата 27.11.2011, 23:01 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 150
Регистрация: 25.11.2010

Репутация: нет
Всего: нет

Всем привет!

http://s2.ipicture.ru/uploads/20111127/xBzTcTLa.png
http://s2.ipicture.ru/uploads/20111127/zG6u394J.png

Почему у таблицы отступ сверху разный?
В этих местах одинаковый код:

Код


<div id="content">
<table border=1>
<tr><th>user_id</th><th>name</th><th>login</th><th>password</th></tr>

Код


<div id="content">
<table border=1>
<tr><th>project_id</th><th>name</th><th>url</th><th>status</th></tr>

css такой:

Код


#content{
    background-color:#eee;
    border-radius:20px;
    margin: 50px;
    padding: 20px;
    }

Если убрать всё кроме bg, то всё-равно таблица с юзерами выше(
Проверял в хроме, опере и фф.

Это сообщение отредактировал(а) MakTpaxep - 27.11.2011, 23:02

$дмитрий

Дата 27.11.2011, 23:04 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45

Покажи весь код страницы

MakTpaxep

Дата 27.11.2011, 23:26 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 150
Регистрация: 25.11.2010

Репутация: нет
Всего: нет

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<title>TEST</title>
</head>
<body>

<div id="header">
    <span><a href="http://intranetv1">В начало</a></span>
</div>
<div id="content">
<table border=1>
<tr><th>user_id</th><th>name</th><th>login</th><th>password</th></tr>
<tr><td>1</td><td>admin</td><td>admin</td><td>admin</td></tr>
<tr><td>2</td><td>Nastya</td><td>Nastya</td><td>Nastya</td></tr>
<tr><td>3</td><td>Pasha</td><td>Pasha</td><td>Pasha</td></tr>
<tr><td>4</td><td>Anton</td><td>Anton</td><td>Anton</td></tr>
<tr><td>5</td><td>имя</td><td>логин</td><td>пароль</td></tr>
<tr><td>6</td><td>имя</td><td>логин</td><td>пароль</td></tr>
<tr><td>7</td><td>имя</td><td>логин</td><td>пароль</td></tr>
</table>
<form action="" method="POST">
    <br /><br /><h2>Форма для добавление юзера</h2>
    <p>все поля обязательны</p>
    <input type="text" name="name" value="имя"/><br />
    <input type="text" name="login" value="логин"/><br />
    <input type="text" name="pass" value="пароль"/><br />
    <input type="submit" name="users_submit" value="ОК"/>
</form>            
</div>

</body>
</html>

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<title>TEST</title>
</head>
<body>

<div id="header">
    <span><a href="http://intranetv1">В начало</a></span>
</div>
<div id="content">
<table border=1>
<tr><th>project_id</th><th>name</th><th>url</th><th>status</th></tr>
<tr><td>4</td><td>йцу</td><td>йцу</td><td>йцу</td></tr>
<tr><td>5</td><td>фыв</td><td>фыв</td><td>фыв</td></tr>
<tr><td>6</td><td>qwe</td><td>we</td><td>qwe</td></tr>
<tr><td>7</td><td>qwe</td><td>qwe</td><td>qwe</td></tr>
<tr><td>8</td><td>qwe</td><td>we</td><td>qwe</td></tr>
</table>
<form action="" method="POST">
    <br /><br /><h2>Форма для добавления проекта</h2>
    <p>все поля обязательны</p>
    <input type="text" name="name" value="название для проекта"/><br />
    <input type="text" name="url" value="url-адрес проекта"/><br />
    <input type="text" name="status" value="статус проекта"/><br />
    <input type="submit" name="projects_submit" value="ОК"/>
</form>            
</div>

</body>
</html>

Вот и картинки полные тогда уж)
http://s2.ipicture.ru/uploads/20111128/wa41jLzb.png
http://s2.ipicture.ru/uploads/20111128/tjor4ZS5.png

Это сообщение отредактировал(а) MakTpaxep - 27.11.2011, 23:53

$дмитрий

Дата 28.11.2011, 09:01 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45

Во второй примере, между <div id="content"> и <table border=1> имеется некорректный символ(на глаз его не увидеть)
Сноси его и все заработает

Код


<div id="content"><table border=1>

MakTpaxep

Дата 28.11.2011, 13:14 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 150
Регистрация: 25.11.2010

Репутация: нет
Всего: нет

$дмитрий, Спасибо!
Косяк был в том, что у меня оказались некоторые файлы в UTF8 с BOM.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »