Доброго времени суток! Сверстал страницу, тут можно посмотреть: http://91.122.62.102 Первый и основной вопрос, почему верстка очень сильно едет в IE9? Что не так? И второе, представьте что вы строгий препод в супер-крутом универе, и проверяете грамотность верстки, вас бесят самые мелкие ошибки CSS\HTML. Так вот, скажите какие ошибки и где я допустил при верстке, как их избежать, что на что заменить, и на сколько критичны найденные вами ошибки. Я учусь, и буду признателен за качественную критику)
1 ответ
почему верстка очень сильно едет в IE9?
Здравствуйте, меня зовут IE9 и я не знаю, что такое inline-block...
Из справки на htmlbook: список возможных значений этого свойства, понимаемый разными браузерами очень короткий — block, inline, list-item и none. Все остальные допустимые значения поддерживаются браузерами выборочно.
И второе, представьте что вы строгий препод...
А еще я ленивый, поэтому просто открываю валидатор от W3C и вбиваю туда вашу страничку. Хм... 23 Errors, 5 warning(s), я думаю, мы с Вами увидимся на следующей пересдаче, следующий (ノಠ益ಠ)ノ
-
пофиксил ошибки. Значит если в валидаторе нет сейчас ошибок, то все круто? или же есть какие-то особенности правильной про-верстки? вот я думаю что то что есть можно улучшить, т.к. я новичок в этом, и мне кажется что можно сделать намного лучше, но я не знаю как. То что я сделал - это работает, но правильно ли это? в принципе в этом вопрос...– sanuCommented 30 мар. 2015 в 12:36
-
1@sanu0074, если препод очень злой, то вряд ли он примет верстку даже от сэра Тима Бёрнерса-Ли. Тут только бумажка с Франклином поможет, хотя может и Мак-Кинли поднапрячь придётся. По сабжу - пошли препода на известное направление, нечего рудиментарные останки веба поддерживать, они только тухнут и разлагаются, задерживают разработчика.– user31688Commented 30 мар. 2015 в 12:51
-
1Ну еще можно сказать, что для меню обычно используются списки, подобно ul>li>a или при использовании HTML5 тег menu, заместо простого a(уж слишком криво выглядит это сейчас). Посмотрите примеры горизонтального меню. И я не могу судить о форматирование исходного кода, но его тоже лучше держать в порядке, соблюдая отступы и логические блоки. В остальном на сайте htmlbook, в разделе "сайт" можно посмотреть на различные макеты и способы верстки. Еще ради интереса можете почитать коротенькую, но интересную книжицу "Не заставляйте меня думать" Стива Круга, но это про юзабилити. Commented 30 мар. 2015 в 12:51
-
1Что? Даже IE8 знает что такое
inline-block;
а так-же:after, :before
. СIE8+
верстать можно уже вполне сносно. А в IE9 работают даже такие фичи какtransform
. Мой вывод: если что-то плывёт в IE9 -- вёрстка некорректна! (ах даbox-sizing: border-box;
он так-же знает!)– ferrariCommented 30 мар. 2015 в 14:56 -
@Олег Б, что-то простенькое и незатейливое - возможно, что-то посложнее и тут же приходится хаки использовать, остаётся надеяться что мелкомягкие, которые как минимум этим браузером заработали себе чан в Аду с мееедленным огнём, свою новую поделку так не испоганят.– user31688Commented 30 мар. 2015 в 15:00