|
Верстка шаблона из PSD под ucoz
|
|
| [1] resident [05.05.2013, 12:15] |
likbezz, привет.
Изучил основы html и css. Практикуюсь в верстке шаблонов из PSD макетов.
Вот первый шаблон который я выбрал для верстки
Шаблон верстается для сайтов ucoz. Хотелось бы заручиться вашей поддержкой при верстке.
Верстаю сразу на сайте там и структуру можно увидеть и css.
Первый вопрос который хотелось бы решить - фоновая картинки body.
если в верхней части появляется админбар, то фон сдвигается и получается все очень некрасиво
|
|
| [2] likbezz [05.05.2013, 14:45] |
resident, Хотелось бы заручиться вашей поддержкой при верстке.
Не прокатит )
Первый вопрос который хотелось бы решить - фоновая картинки body.
если в верхней части появляется админбар, то фон сдвигается и получается все очень некрасиво
Прописывай фон не к header а к wrapper например..
И убери вот это:
Код outline: 1px solid #000000;
.. |
|
| [3] resident [05.05.2013, 23:21] |
likbezz, спасибо за совет, с этим разобрался благодаря тебе.
Сейчас встал такой вопрос.
Я убрал фиксированную высоту для блока с контентом #content и после этого footer поднялся в верх сайта
Еще заметил, что если убрать у блока #iContent - position:absolute; то блок footer спускается вниз сайта..
как поправить просвяти пожалуйста |
|
| [4] likbezz [06.05.2013, 00:20] |
resident, как поправить просвяти пожалуйста
А что править-то? не очень понял.
Как прижать футер к низу? на эту тему миллион статей и вариантов, выбирай подходящий.
А вообще, не очень вижу смысл в этом, страницы, обычно не пустые.. и футер всегда снизу. Исключение, наверное, только страница входа. |
|
| [5] resident [06.05.2013, 01:54] |
likbezz,
Собственно вся загвоздка была тут:
Код <div id="content"> <div id="iContent"> </div> </div>
#content является родителем блока #iContent
#iContent был абсолютно позиционирован, что не давало родительскому блоку принять его высоту.
Решение - position: relative; для блока #iContent |
|
| [6] likbezz [06.05.2013, 02:00] |
resident, #iContent был абсолютно позиционирован, что не давало родительскому блоку принять его высоту.
А, собственно, зачем применять абсолютное позиционирование в столь простом шаблоне?
Это не есть айс, тем более для таких .. глобальных блоков, как Контент, шапка, Футер..
Это допустимо в мелких деталях, где можно четко контролировать ситуацию - два/три уровня вложения.. а так, считаю можно легко обойтись и без этого. А с учетом того что у ИЕ вообще проблемы с этим.. так и вообще, не “можно” а “нужно”. |
|
| [7] resident [06.05.2013, 11:24] |
А, собственно, зачем применять абсолютное позиционирование в столь простом шаблоне?
Я не видел другого решения. Мне нужно было вывести дочерний блок #iContent выше границ родительского блока.
Как оказалось было и другое решение.
Да и вообще мне сейчас свойственно допускать ошибки - это мой первый шаблон, который я верстаю. |
|
| [8] likbezz [06.05.2013, 23:39] |
resident, Цитата (resident) Да и вообще мне сейчас свойственно допускать ошибки - это мой первый шаблон, который я верстаю.
Ну да ) все верно, не ошибается тот, кто ничего не делает ) |
|
