ОК, мой сайт работает довольно хорошо: http://www.marioplanet.com
Но я понял, что если монитор конечного пользователя достаточно большой, чтобы отображать анимацию по бокам страниц (что в большинстве случаев может монитор каждого настольного компьютера и некоторых ноутбуков), то я считаю, что мой основной контент будет выглядеть лучше маленькая красная / черная граница, несколько закругленных углов и, возможно, даже тень.
Теперь я ищу самый простой способ реализации как границы, так и закругленных углов, и, надеюсь, теней, но это не так необходимо, с наименьшим количеством кода.
Если я смогу заставить его работать только с CSS для большинства браузеров, за исключением IE, и отступить к плагину jQuery / JS для IE, это тоже замечательно. Или даже полностью исключить его из IE, но это не слишком приятно! :)
UPDATE:
ОК, я могу применить его к моему заголовку <div>, как вы можете видеть в прямом эфире прямо сейчас, но когда я пытаюсь применить его ко всей оболочке <div>, я ничего не получаю. Это может быть связано с тем, что мне нужно сначала указать свойства width и height в моем CSS.
Спасибо!
ОБНОВЛЕНИЕ ОБНОВЛЕНИЕ:
Я нашел самый простой способ сделать границы с помощью следующих селекторов CSS3:
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
Которые все работают как шарм !!