Проблемы с валидацией

[artvor96]

доброго времени суток, форумчане) проблема следующая:
не проходит валидацию фрагмент кода

#mycustomscroll1 {
	position: fixed;
        width:600px;
	height:400px;
        left: 25%;
        top: 100px;
	border:1px white solid;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
        box-shadow: 0 0 20px #999999;
        box-shadow: 0 0 20px rgba(153,153,153,2); 
        -moz-box-shadow: 0 0 20px rgba(153,153,153,2); /* Для Firefox 
        -webkit-box-shadow: 0 0 20px rgba(153,153,153,2); /* Для Safari и Chrome */
        z-index: 11;
        overflow: auto;
        background:white;
        color:#400d0a;
        padding:0px 10px 10px 10px;
}

вот результат валидатора -



объсните, в чем проблема, пожалуйста)
заранее спасибо)

 

[BaNru]

Написано же русским по белому
Свойства типа

border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;

не существуют в спецификации CSS2.1
Это спецификация CSS3, и то -moz-border-radius не входит в спецификацию.

UPD
не дочитал картинку
CSS3

box-shadow: 0 0 20px #999999;
box-shadow: 0 0 20px rgba(153,153,153,2);

Зачем два раза?

 

[artvor96]

я читать то умею :biggrin:
делать то что?) картинкой верстать?) :dry:
кстати, там также написано, что по 3 уровню тоже не проходит :blink:

 

[BaNru]

Обновил свой пост

 

[artvor96]

насчет 2-х раз: так в учебнике, где я правильность написания проверял (в нотпаде++ он серым не выделял) было так наспиано, я подумал, вдруг так надо) для страреньких браузеров, например)

на мой вопрос кто-нибудь ответит, что делать: верстать картинкой или забить и радоваться с этим кодом?

 

[BaNru]

Забить на CSS2. А CSS3 максимально поправить, оставив только -moz и -webkit

 

[artvor96]

а opera что?

 

[BaNru]

А че и где опера? Она CSS3 понимает

 

[bolddot]

Привет, есть несколько вещей которые мне не нравятся в вашем коде:

border:1px white solid;

Вообще то, сколько себя помню делал иначе.

border: 1px solid white;

border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;

Border Radius стал стандартом для всех браузеров, и нет смысла дописывать команды: -moz -webkit и.т.д.
Просто:

border-radius: 7px;

box-shadow: 0 0 20px #999999;
box-shadow: 0 0 20px rgba(153,153,153,2);
-moz-box-shadow: 0 0 20px rgba(153,153,153,2); /* Для Firefox
-webkit-box-shadow: 0 0 20px rgba(153,153,153,2); /* Для Safari и Chrome */

Злая шутка ? ужас. С box-shadow тоже самое что и с border-radius. Стандарт.

box-shadow: 0 0 20px rgba(153,153,153,.2); /*Где альфа канал там должна стоять точка, потом уже значение !.*/

background:white;
color:#400d0a;

Исторически сложилось, обычно пишутся вверху. В этом случае после position.

Полезное: http://htmlbook.ru/
НЕ ЗАБЫВАЙТЕ ОБНОВЛЯТЬ ВАШИ БРАУЗЕРЫ...

А че и где опера? Она CSS3 понимает

Браузеры которые дружат с CSS3:
Начиная с версий: Safari 3, Firefox 3.5, Opera 10.5, Chrome.

Нестабильная работа только в Internet Explorer.

Еще больше можно узнать здесь: http://www.westciv.com/

 

[BaNru]

Firefox 3.5 поддерживает частично CSS3 (точнее - почти ни чего не поддерживает). При чем border-radius не поддерживает.
Начиная с версии FF4 поддержка CSS3 осуществлена почти полностью.

Более подробно о том что поддерживает FF тут, о самом border-radius - тут

Starting Gecko 2.0 (Firefox 4.0)

 

[artvor96]

Полезное: http://htmlbook.ru/

все время им пользуюсь)

А че и где опера? Она CSS3 понимает

так если, как у вас написано "оставить только -webkit- и -moz-, то опера не поймет)

Border Radius стал стандартом для всех браузеров, и нет смысла дописывать команды: -moz -webkit и.т.д.
Просто:

border-radius: 7px;

так в том самом htmlbook.ru написано именно так, как у меня) и если бы не он, то я б писал в сокращенном виде и border-radius и box-shadow


спасибо, все переделаю, но что с валидацией то делать? (про браузеры я и так понимаю, но валидатору то это не объяснишь)

 

[tigra60]

А что мешает забить на валидацию?

Реально-то ошибок нет!

 

[artvor96]

вот это дельный совет))
спасибо, тигра))

 

[FRIVERT]

Это ведь CSS3 он еще не во всех браузерах робит, да и ну принят в настоящее время!