Верстка - это моя слабая сторона Поэтому прошу помощи опытных специалистов в этом деле, а именно верстальщиков. Изначально хотел применить округление CSS-3, но потом передумал, так IE 6-7, опера -10 версии, да и мозила тоже выделываются. А адаптировать под все браузеры не очень легко. Поэтому решил сделать старым, добрым методом - картинками.
Необходимо сделать "резиновую" шапку с "закругленными углами". Но не все так просто:
- углы - это картинки формата png
- фон градиентный (не однотонный)
Этот код работает с однотонным фоном и изображениями не "png", т. е. если фон красный, значит а пустое пространство на углах должно быть красным.
Так как же быть мне с градиентным фоном?
Добавлено через 1 минуту
P.S. на "footer" в названии идентификаторов не обращайте внимание, просто надо для низа, но на шапке легче показать.
Необходимо сделать "резиновую" шапку с "закругленными углами". Но не все так просто:
- углы - это картинки формата png
- фон градиентный (не однотонный)
Этот код работает с однотонным фоном и изображениями не "png", т. е. если фон красный, значит а пустое пространство на углах должно быть красным.
<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>
<div id=footer>
<div id=footer_left>
<div id=footer_right></div>
</div>
</div>
Так как же быть мне с градиентным фоном?
Добавлено через 1 минуту
P.S. на "footer" в названии идентификаторов не обращайте внимание, просто надо для низа, но на шапке легче показать.