Показать сообщение отдельно
Непрочитано 15.11.2011, 16:06   #1
Изгнанные

Автор темы (Топик Стартер) Верстка - HELP

Верстка - это моя слабая сторона Поэтому прошу помощи опытных специалистов в этом деле, а именно верстальщиков. Изначально хотел применить округление CSS-3, но потом передумал, так IE 6-7, опера -10 версии, да и мозила тоже выделываются. А адаптировать под все браузеры не очень легко. Поэтому решил сделать старым, добрым методом - картинками.

Необходимо сделать "резиновую" шапку с "закругленными углами". Но не все так просто:
- углы - это картинки формата png
- фон градиентный (не однотонный)

Этот код работает с однотонным фоном и изображениями не "png", т. е. если фон красный, значит а пустое пространство на углах должно быть красным.

Код HTML:
<style type="text/css">

#footer {
width: 90%;
margin: 0 auto;
}

#footer_left {
background: #000000 url('/img/footer-left.png') no-repeat;
height: 70px;
}

#footer_right {
background: url('/img/footer-right.png') top right no-repeat;
height: 70px;
}

</style>
Код HTML:
<div id=footer>
	<div id=footer_left>
		<div id=footer_right></div>
	</div>
</div>
Так как же быть мне с градиентным фоном?

Добавлено через 1 минуту
P.S. на "footer" в названии идентификаторов не обращайте внимание, просто надо для низа, но на шапке легче показать.

Последний раз редактировалось Gambit_J; 15.11.2011 в 16:08. Причина: Добавлено сообщение
Gambit_J вне форума Отправить сообщение для Gambit_J с помощью ICQ Отправить сообщение для Gambit_J с помощью Skype™ Ответить с цитированием