shvv Posted October 22, 2009 Report Share Posted October 22, 2009 (edited) В тренировочных целях сверстал бесплатный шаблон psd. Буду благодарен за какие-либо советы в отношении верстки.Адрес: http://shvv.fbdhost.com/cookonline/.IE6 и IE7 попили немало кровушки, но кажется получилось . Или можно было лучше? Edited October 22, 2009 by shvv Link to comment Share on other sites More sharing options...
Clayton Posted October 23, 2009 Report Share Posted October 23, 2009 (edited) Да вроде смотрится... Правда есть ошибки.<h1>Welcome to our company</h1>они у вас не по доктайпу идут. Нужно так - <br />Ну и еще есть подобные ошибки. Так-то всё норм. Ровно. Edited October 23, 2009 by Clayton Link to comment Share on other sites More sharing options...
psywalker Posted October 23, 2009 Report Share Posted October 23, 2009 В тренировочных целях сверстал бесплатный шаблон psd. Буду благодарен за какие-либо советы в отношении верстки.Адрес: http://shvv.fbdhost.com/cookonline/.IE6 и IE7 попили немало кровушки, но кажется получилось . Или можно было лучше?А вот это значит: Что никто не видит кроме ИЕ7? <!--[if IE]><![if !(lte IE 7)]><![endif]--> Link to comment Share on other sites More sharing options...
Clayton Posted October 23, 2009 Report Share Posted October 23, 2009 Гг... Я сейчас вот так начал делать:<!--[if (gt IE 5)&(lt IE 7)]><link href="ie.css" rel="stylesheet" type="text/css" /><![endif]-->Работает с 5-го по 7-й ие... В 8-м у нас ведь теперь всё нормально, типо Link to comment Share on other sites More sharing options...
rash Posted October 23, 2009 Report Share Posted October 23, 2009 А почему бы просто не сделать [lt IE 8]? Link to comment Share on other sites More sharing options...
Clayton Posted October 23, 2009 Report Share Posted October 23, 2009 А почему бы просто не сделать [lt IE 8]?Эт, я на самом деле только вчера начал искать такое решение, что б создать условный комментарий, для всех ие, кроме 8-го.Довайте по подробнее пожалста) Link to comment Share on other sites More sharing options...
Clayton Posted October 23, 2009 Report Share Posted October 23, 2009 Вообще точно, lt - меньше чем гг... Действительно пофиг же, главное ниже 8-го... Спасибо за мыслю Link to comment Share on other sites More sharing options...
shvv Posted October 23, 2009 Author Report Share Posted October 23, 2009 Да вроде смотрится... Правда есть ошибки.<h1>Welcome to our company</h1>они у вас не по доктайпу идут. Нужно так - <br />Ну и еще есть подобные ошибки. Так-то всё норм. Ровно.Видно уже так надоело, что под конец забыл проверить валидатором.А вот это значит: Что никто не видит кроме ИЕ7? <!--[if IE]><![if !(lte IE 7)]><![endif]-->Не видит IE меньше, либо равно 7 версии. Начало и конец этой конструкции <![if !(lte IE 7)]> <тег></тег> <![endif]-->заключаются в отдельные условные комментарии, чтобы сделать код валидным.Вообще вся эта история началась из-за картинки в углу. Она должна идти выше фона, но ниже текста. Но текст является потомком #wrapper #content #navigation #search #p, а картинка просто #wrapper #div. В нормальных браузерах z-index работает по всему документу, если родителю не задан z-index. В IE7 и ниже любой позиционированный элемент создает стековый контекст, поэтому, чтобы картинка была выше текста див с ней должен обязательно находиться на одном уровне с p. Но это привело к другим проблемам: теперь див не могу позиционироваться относительно нижнего левого угла. Поэтому и решил, чтобы это было только для 6 и 7 IE.Подробнее о баге http://www.quirksmode.org/bugreports/archi..._index_bug.html А почему бы просто не сделать [lt IE 8]?Это не валидно. Link to comment Share on other sites More sharing options...
rash Posted October 23, 2009 Report Share Posted October 23, 2009 Это не валидно.Что именно? Link to comment Share on other sites More sharing options...
shvv Posted October 23, 2009 Author Report Share Posted October 23, 2009 Исправил мелкие ошибки. Теперь валидно. http://shvv.fbdhost.com/cookonline/Что именно? Конструкция такого рода <![if "условие"]> HTML <![endif]>Если же добавить дефисы комментариев, то ее ни увидят нормальные браузеры. Link to comment Share on other sites More sharing options...
rash Posted October 23, 2009 Report Share Posted October 23, 2009 Исправил мелкие ошибки. Теперь валидно. http://shvv.fbdhost.com/cookonline/ Конструкция такого рода <![if "условие"]> HTML <![endif]>Если же добавить дефисы комментариев, то ее ни увидят нормальные браузеры.А что мешает сделать так:<!--[if !IE]>--><link rel="stylesheet" href="style.css"><!--<![endif]--><!--[if IE]><link rel=stylesheet href="style_for_buggy_ie.css"><![endif]--> Link to comment Share on other sites More sharing options...
shvv Posted October 23, 2009 Author Report Share Posted October 23, 2009 (edited) А что мешает сделать так:<!--[if !IE]>--><link rel="stylesheet" href="style.css"><!--<![endif]--><!--[if IE]><link rel=stylesheet href="style_for_buggy_ie.css"><![endif]-->Отличный вариант. Прошу прощения за бескомромиссность. Edited October 23, 2009 by shvv Link to comment Share on other sites More sharing options...
psywalker Posted October 24, 2009 Report Share Posted October 24, 2009 shvvСлушай, я тут заметил ты спец по таким штукам(<!--[if !IE]>) , у меня вопрос к тебе:Ты случайно не знаешь, как прописать комментарий, что-бы всё что в нём находится, не видел ТОЛЬКО ИЕ той версии, которая в нём прописана?Тоесть другими словами: Какую такую хрень <!--[if !IE]>--><DIV></DIV><!--<![endif]--> нужно прописать, что-бы все браузеры видели элемент <DIV></DIV>, а тот, который написан тут <!--[if !IE]>(какой то ИЕ, 6,7 или 8) - не видел? Link to comment Share on other sites More sharing options...
WalkMan Posted October 24, 2009 Report Share Posted October 24, 2009 (edited) вот такой треш в опере 8 Version 8.53 Edited October 24, 2009 by WalkMan Link to comment Share on other sites More sharing options...
Dimitry Wolotko Posted October 25, 2009 Report Share Posted October 25, 2009 вот такой треш в опере 8 smile.gifVersion 8.53В нейтскейпе посмотрели? Link to comment Share on other sites More sharing options...
psywalker Posted October 25, 2009 Report Share Posted October 25, 2009 вот такой треш в опере 8 smile.gifVersion 8.53А в K-Meleon смотрел? Link to comment Share on other sites More sharing options...
WalkMan Posted October 25, 2009 Report Share Posted October 25, 2009 что стоит в том и смотрел Link to comment Share on other sites More sharing options...
shvv Posted October 25, 2009 Author Report Share Posted October 25, 2009 (edited) shvvСлушай, я тут заметил ты спец по таким штукам(<!--[if !IE]>) , у меня вопрос к тебе:Ты случайно не знаешь, как прописать комментарий, что-бы всё что в нём находится, не видел ТОЛЬКО ИЕ той версии, которая в нём прописана?Тоесть другими словами: Какую такую хрень <!--[if !IE]>--><DIV></DIV><!--<![endif]--> нужно прописать, что-бы все браузеры видели элемент <DIV></DIV>, а тот, который написан тут <!--[if !IE]>(какой то ИЕ, 6,7 или 8) - не видел?Про спеца это конечно сильно. На самом деле опирался на статью http://zodios.net/htmlcss/ifcomments.htmlНо учитывая предложение эксперта rash можно сделать еще проще, чем описано в статье.<!--[if !(IE 7)]>--><link rel="stylesheet" href="style.css"><!--<![endif]-->Все браузеры увидят, кроме IE 7. Или можно подставить свой вариант.В нейтскейпе посмотрели? Edited October 25, 2009 by shvv Link to comment Share on other sites More sharing options...
WalkMan Posted October 25, 2009 Report Share Posted October 25, 2009 ну если ТС планирует зарабатывать версткой на хлеб с водой, то надо быть готовом с любым капризам заказчиков Link to comment Share on other sites More sharing options...
shvv Posted October 27, 2009 Author Report Share Posted October 27, 2009 (edited) ну если ТС планирует зарабатывать версткой на хлеб с водой, то надо быть готовом с любым капризам заказчиков В отношении капризов согласен.Но статистика показывает, что доля Опера 8 - 0.2%. http://www.liveinternet.ru/stat/ru/browser...od=month;page=2 Edited October 27, 2009 by shvv Link to comment Share on other sites More sharing options...
Glebr Posted October 29, 2009 Report Share Posted October 29, 2009 вёрстка может и ничего, а вот дизайн... Link to comment Share on other sites More sharing options...
Recommended Posts