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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Помогите, пожалуйста, моей дочери выжить!
благотворительный топик
30 vitvirtual 3817 19.5.2018, 8:30
автор: vitvirtual
Открытая тема (нет новых ответов) Продвигаю страницу по запросу "Как сделать игру". Помогите советом, пожалуйста
Я секу в теме! Но подать статью угодным поисковикам образом не смо
22 coremission 2222 8.5.2018, 12:33
автор: coremission
Открытая тема (нет новых ответов) Помогите с выбором ноута
20 rokot 920 23.4.2018, 12:09
автор: Room
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыПомогите с идеями для форума про успех
Спасибо за каждую идею
43 Zoya83 5197 12.4.2018, 11:42
автор: Zoya83
Открытая тема (нет новых ответов) Лендинг или сайт-визитка для ИП? Помогите определиться
6 Yas18 1144 31.3.2018, 20:57
автор: Yas18


 



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