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



 

Здравствуйте, гость ( Вход | Регистрация )

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


Участник
***

Группа: User
Сообщений: 112
Регистрация: 13.12.2011
Из: Краснодар
Поблагодарили: 4 раза
Репутация:   1  


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


Новичок
*

Группа: User
Сообщений: 45
Регистрация: 16.7.2010
Поблагодарили: 17 раз
Репутация:   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


Участник
***

Группа: User
Сообщений: 112
Регистрация: 13.12.2011
Из: Краснодар
Поблагодарили: 4 раза
Репутация:   1  


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

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


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

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


Частый гость
**

Группа: User
Сообщений: 96
Регистрация: 15.10.2011
Из: Россия-матушка
Поблагодарили: 28 раз
Репутация:   5  


Всё гораздо проще...
В 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


Новичок
*

Группа: User
Сообщений: 45
Регистрация: 16.7.2010
Поблагодарили: 17 раз
Репутация:   2  


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


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


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


Участник
***

Группа: User
Сообщений: 112
Регистрация: 13.12.2011
Из: Краснодар
Поблагодарили: 4 раза
Репутация:   1  


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


Новичок
*

Группа: User
Сообщений: 45
Регистрация: 16.7.2010
Поблагодарили: 17 раз
Репутация:   2  


#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


Участник
***

Группа: User
Сообщений: 112
Регистрация: 13.12.2011
Из: Краснодар
Поблагодарили: 4 раза
Репутация:   1  


(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


Частый гость
**

Группа: User
Сообщений: 96
Регистрация: 15.10.2011
Из: Россия-матушка
Поблагодарили: 28 раз
Репутация:   5  


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

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


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


Новичок
*

Группа: User
Сообщений: 45
Регистрация: 16.7.2010
Поблагодарили: 17 раз
Репутация:   2  


Структура документа обычного делается так:
<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 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите выбрать программу
Помогите выбрать программу
11 impak 1334 11.12.2017, 13:11
автор: Mikki
Открытая тема (нет новых ответов) Помогите найти плагин на WP
Отзывы с профилей соц сетей
1 SEOMR 438 30.11.2017, 7:18
автор: Nell
Открытая тема (нет новых ответов) Помогите найти проблему
Долгий ответ сервера
6 maxim1249 686 29.11.2017, 17:27
автор: genjnat
Открытая тема (нет новых ответов) Помогите оценить новотник. Плиз
1 Alex-777 520 29.11.2017, 7:18
автор: grumdas
Открытая тема (нет новых ответов) Помогите с неймингом для сборника советов
советы по разработки и жизни
11 coremission 1880 15.11.2017, 22:23
автор: rogefer


 



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