Макет сайта

[grindel13]

Здравствуйте!

Сделал сайт

Там архитектура следующая:

Контейнер, у него BG стоит внизу - имитация Footer.

Header, у него фон - верхняя картинка.

И "Content" - фон белый и отрицательный margin сверху.

Сам понимаю, что не очень...

всё это делалось в блокноте и очень хотелось что б "Content" как бы накладывался на фоновые изображения.

А ничего лучше придумать не смог.

Сейчас решил переделать, но опять не пойму как сделать так, что б всё было правильно и красиво.

Подскажите пожалуйста способ реализации этого макета.

[yarickyarick]

grindel13,

Прикольный сайт

[Svatov]

Немного не понятно, что по Вашему подразумевается правильно и красиво, но закрывая глаза на дизайн, я бы в первую очередь убрал бы border-radius с content, закруглил бы края у фоновых картинок вместо этого и убрал бы отступ у того же элемента справа и слева...margin: -100px 0 0;...поля в нем бы тоже увеличил и сделал бы что-то с тенью поскольку идет отличие от фоновых картинок...

[grindel13]

А что с дизайном?

Правильно и красиво, что бы был нормальный Footer, и остался эффект наложения content на фон.

Edited August 8, 2011 by grindel13

[Svatov]

Дизайна просто нет, если утрировать то две картинки и текст, это сложно назвать дизайном поймите меня правильно. Чтобы привлечь клиентов следовало бы использовать что-то из инструментария которое задержит взгляд посетителя и даст возможность дочитать текст до конца...можно разбить на категории, дозировать выдачу материала...а так это просто страничка, одна из млрд в интернете. Любой труд почитаем, поэтому пробуйте, экспериментируйте и вас все получится.

[grindel13]

Ну я и страраюсь, сейчас хочу перенести этот "дизайн" на cms

Вот я не знаю как сделать footer.

[Svatov]

Тогда нужно конкретно знать, что вы видите в конечном результате как должен выглядеть по вашей задумке футер, на основе этого здесь вам помогут реализовать задуманное

Edited August 8, 2011 by Svatov

[grindel13]

Хочу, что б выглядело как сейчас, но что б футер можно было полноценно использовать. (сейчас он имитирован при помощи заднего фона "Conteiner")

[Non Stop]

Синий фон в самый верхний контейнер и по центру, внутри его остальное добро тоже отцентрировать, задав цвет фона.

[Shugich]

Хочу, что б выглядело как сейчас, но что б футер можно было полноценно использовать. (сейчас он имитирован при помощи заднего фона "Conteiner")

Признаюсь код не смотрел, но так, если сходу сказать, что мешает создать внизу контейнер с футером и вносить туда необходимую информацию.

position: relative; top: -100px; ещё никогда не подводил.

[grindel13]

Хочу, что б выглядело как сейчас, но что б футер можно было полноценно использовать. (сейчас он имитирован при помощи заднего фона "Conteiner")

Признаюсь код не смотрел, но так, если сходу сказать, что мешает создать внизу контейнер с футером и вносить туда необходимую информацию.

position: relative; top: -100px; ещё никогда не подводил.

О! почти получилось... только footer накладывается на Content=(

Использовать z-index будет корректно?

[Shugich]

О! почти получилось... только footer накладывается на Content=(

Вполне, только контенту тоже position: relative задать нужно.

[grindel13]

Спасибо большое!

[ctpz]

grindel13, где ты такие дизайны берешь