Форум администраторов игровых серверов - Верстка

- Web-обвязки (https://forum.zone-game.info/forumdisplay.php?f=161)

- - Верстка - HELP (https://forum.zone-game.info/showthread.php?t=16736)

Верстка - 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" в названии идентификаторов не обращайте внимание, просто надо для низа, но на шапке легче показать.

Re: Верстка - HELP

Так если png - там есть прозрачность, в чём проблема то?

Re: Верстка - HELP

Цитата:

Сообщение от Array (Сообщение 148149)

Так если png - там есть прозрачность, в чём проблема то?

проблема в том,что оста пространство (которое по центру) я заливаю черным цветом. И получается то что в пнг, черное, и получаются углы не закругленные, а прямые.

Добавлено через 3 минуты
Посмотрите код.

Re: Верстка - HELP

Цитата:

Сообщение от PROGRAMMATOR (Сообщение 148153)

http://jquery.malsup.com/corner/

Да знаю, все равно другие браузеры выделываются :(

Добавлено через 57 секунд
Опера ниже 10 версии - берут в качестве фона однотонный фон, ноне градиент. И мозила тоже че-то там выделывается, не помню.

Добавлено через 1 минуту
Все четко только на Гугл Хроме.

P.S. IE самый ущербный браузер в мире. Имхо.

Добавлено через 46 минут
Переформулирую:

Имеется левый и правый угол:

http://s017.radikal.ru/i423/1111/dc/f92af3c48e3d.png

Надо сделать такую резиновую шапку:

http://s017.radikal.ru/i428/1111/15/6fd2f231e81c.png

Добавлено через 47 минут
Но, с учетом что фон градиентный!