X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

5 страниц V   1 2 3 4 5 >
Открыть тему
Тема закрыта
> Помогите разобраться с версткой
z75514
z75514
Topic Starter сообщение 9.2.2012, 18:09; Ответить: z75514
Сообщение #1


Помогите разобраться с версткой, ПОЖАЛУЙСТА! Я пока новичок, делаю сайт для себя. Проблема в горизонтальном бегуне, он не нужен. И еще с низу большой отступ от футера до конца страници. Голову уже сломал.
Сайт
Спасибо!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
neSkywalker
neSkywalker
сообщение 9.2.2012, 18:17; Ответить: neSkywalker
Сообщение #2


Бегунок:
убираем из стиля
body {
width: 100%; - удалить
}

Футер:
#head {
padding: 14px 0 190px; - многовато... сделайте 0 и будет вам хорошо
}

Сообщение отредактировал neSkywalker - 9.2.2012, 18:18


--------------------
Фото знаменитостей www.populars.ru и новости шоу-бизнеса.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
z75514
z75514
Topic Starter сообщение 9.2.2012, 18:26; Ответить: z75514
Сообщение #3


(neSkywalker @ 9.2.2012, 17:17) *
Бегунок:
убираем из стиля
body {
width: 100%; - удалить
}

Футер:
#head {
padding: 14px 0 190px; - многовато... сделайте 0 и будет вам хорошо
}


Спасибо! ща попробую.

Получилось! Премного благодарен!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gloveer
Gloveer
сообщение 9.2.2012, 18:29; Ответить: Gloveer
Сообщение #4


Всё гораздо проще...
В CSS вместо
#layout { position: relative; clear: both; margin: 0 auto; width: 1030px; height: 100%; }

ставим:
#layout { position: relative; clear: both; margin: 0 auto; width: 100%; height: 100%; }

При реализации способом выше, могут быть проблемы позже!


--------------------
И всё таки жизнь прекрасна!


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
neSkywalker
neSkywalker
сообщение 9.2.2012, 18:35; Ответить: neSkywalker
Сообщение #5


Как правильно заметил товарищ сверху:
width: 1030px; - не солидно. При разрещении экрана в 1024px обязательно вылезет бегунок. Лично я стараюсь ставить размер min-width: 980px, не больше.


--------------------
Фото знаменитостей www.populars.ru и новости шоу-бизнеса.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
z75514
z75514
Topic Starter сообщение 9.2.2012, 18:46; Ответить: z75514
Сообщение #6


Блин! поставил счетчики теперь опять отступ получился, что за х...?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
neSkywalker
neSkywalker
сообщение 9.2.2012, 18:48; Ответить: neSkywalker
Сообщение #7


#container {
padding-bottom: 100px;
}

Мне кажеться или у вас как-то сверстано криво... #head закрывается где-то в конце... или так и надо? smile.gif

<meta http-equiv="content-type" content="text/html charset=utf-8"; <--- Тег не закрыт...

Сообщение отредактировал neSkywalker - 9.2.2012, 18:50


--------------------
Фото знаменитостей www.populars.ru и новости шоу-бизнеса.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
z75514
z75514
Topic Starter сообщение 9.2.2012, 18:58; Ответить: z75514
Сообщение #8


(neSkywalker @ 9.2.2012, 17:48) *
#container {
padding-bottom: 100px;
}

Мне кажеться или у вас как-то сверстано криво... #head закрывается где-то в конце... или так и надо? smile.gif

<meta http-equiv="content-type" content="text/html charset=utf-8"; <--- Тег не закрыт...


Спасибо, исправлю. А где лучше #head закрыть?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gloveer
Gloveer
сообщение 9.2.2012, 18:59; Ответить: Gloveer
Сообщение #9


(z75514 @ 9.2.2012, 17:46) *
Блин! поставил счетчики теперь опять отступ получился, что за х...?

Вам же сказали, поставьте в CSS #layout 100% зачем ограничивать пикселами? Не у всех же моник 960рх и тп.
И всё что бы вы не добавляли в будущем внутрь этого контейнера, ширина сайта будет автоматически подстраиваться под любой монитор.


--------------------
И всё таки жизнь прекрасна!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
neSkywalker
neSkywalker
сообщение 9.2.2012, 18:59; Ответить: neSkywalker
Сообщение #10


Структура документа обычного делается так:
<div id="head">
Шапка
</div>

<div id="content">
Контент
</div>

<div id="footer">
Подвал
</div>

Сообщение отредактировал neSkywalker - 9.2.2012, 19:00


--------------------
Фото знаменитостей www.populars.ru и новости шоу-бизнеса.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
5 страниц V   1 2 3 4 5 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Годный дизайн с последующей версткой 2.0
9 pronlex 8898 24.7.2022, 23:15
автор: pronlex
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1695 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2315 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12401 24.7.2020, 17:02
автор: -JamesSmips-


 



RSS Текстовая версия Сейчас: 28.3.2024, 21:21
Дизайн