| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Отображение в Ie 8 |
| Автор: Camilla 7.10.2008, 18:35 |
| Здравствуйте, помогите, пожалуйста , сама верстка сайта отображалась нормально почти во всех браузерах, после того, как я ее поместила на систему управления, перестали отображаться стили в IE ( Я их внедрила непосредственно в шаблон).........теперь осталось с IE 8 разобраться, съезжает меню ВПРАВО К НОВОСТЯМ, что делать ума не приложу...........отображение в Ie 8 можно здесь http://browsershots.org сам сайт http://autokomponent.ru/ Спасибо большое...... |
| Автор: SelenIT 7.10.2008, 20:47 | ||
| В IE8 beta 2 ничего не съезжает. Единственное отличие - увеличенные отступы между пунктами меню. Вот в первой бете могли быть глюки где угодно (наверное, browsershots.org до сих пор "смотрит" в ней), вторая стала гораздо более предсказуемой. Но вообще добавлять хаки для IE независимо от версий (<!--[if IE]>) - плохая практика. Можно же явно задать их только для нужных версий (скажем, 7 и ниже - <!--[if lte IE 7]>). Ну и, если в 7-м все в порядке, 8-й можно легко "превратить в 7-й" специально для этого придуманным метатегом
|
| Автор: Camilla 7.10.2008, 22:03 |
Cпасибо большое Вам за ответ.  Когда еще я стили не внедряла в шаблон, у меня в 7 IE отображалось все ок, не были видны стили в IE6........Как лучше прописать мне в шаблоне хаки так <!--[if lte IE 7]> или так <meta http-equiv="X-UA-Compatible" content="IE=7">, чтобы и в IE 6, 7 , 8 и что там будет еще и выше отображалось нормально? А в бете 8 версия 2..........не совсем убого смотриться? Спасибо. Жду ответа. |
| Автор: SelenIT 7.10.2008, 23:30 |
| Наверное, лучше все-таки увидеть своими глазами... Вот что получается в обычном стандартном режиме IE8: http://img412.imageshack.us/my.php?image=autoie8hq3.pnghttp://g.imageshack.us/thpix.php а вот что - в режиме обратной совместимости (эмуляции стандартного режима IE7): http://img530.imageshack.us/my.php?image=autoie8compatibilitylz1.pnghttp://g.imageshack.us/thpix.php Точная версия IE - 8.0.6001.18241 (beta 2), WinXP. Насчет "как лучше вставлять хаки" - имхо, для несложной верстки, в которой приходится бороться лишь с багами IE6-7 (типа фокусов злополучного hasLayout-а), если в FF3/Опере 9/Сафари/Хроме все заведомо ОК - можно довериться новому стандартному режиму и давать "восьмерке" чистый код без хаков, как для других браузеров (первый вариант). Но если баги лезут непонятно откуда, худо-бедно наконец удалось навести порядок под IE7, и сроки поджимают - проще и надежнее второй способ (с метатегом). |
| Автор: Camilla 8.10.2008, 09:30 |
| Да я вообще если честно понять никак не могу вот здесь выложена верстка без движка http://obmen-ss.narod.ru/ отображение во всех браузерах идеальное.........валиндная..........здесь я поменяла кодировку под движок на utf-8 и вставила счетчик..............и тут началось.........в Ie 6 перестали отображаться стили, во всех отстальных выше Ie 6 все нормуль было .............внедрила стили в шаблон............пометила хаком только под IE 6...........начала менюшка съезжать в ie 7 и вообще уехала в ie 8..........пометила стили в шаблоне хаком в под все IE..........в ie 7 более менее, в Ie 8 сами видели что.......ВЫ мне просто напишите, как мне сделать чтобы с IE 6 до IE 8............как пометить стили чтобы отображение нормально........а то я не совсем поняла что если помечу так <meta http-equiv="X-UA-Compatible" content="IE=7">, то баги в Ie 6 Опять не начнуться............а то IE 6 установлен в офисе у заказчика сайта, да и работу хочеться сдать по совести. Спасибо Вам огромное. |
| Автор: webster 8.10.2008, 20:17 | ||||||||
Можно просто использовать ин-лайн хаки в CSS:
* html .myclass - "понимает" IE7 и более низкие версии *+html .myclass - "понимает" IE7 и более высокие версии. Последние хаки лучше использовать в паре. P.S. В идеальном случае можно обойтись без хаков совсем, достаточно использовать записи рода:
|
| Автор: Camilla 9.10.2008, 00:04 |
| Cпасибо большое за помощь Вставила <meta http-equiv="X-UA-Compatible" content="IE=7"> вроде стало ничего отображаться в IE8............Вопрос, а я если выйдет IE 9 и выше.........сайт перекосит и вообще как подстраховаться , чтобы не перекосило....... Еще помогите пожалуйста поменьше сделать ширину меню слева в IE, что,чтобы узенькое было как в Мазиле. http://autokomponent.ru/ Спасибо большое. |
| Автор: SelenIT 9.10.2008, 03:03 | ||
Нет, с таким метатегом не перекосит. Метатег - и есть та самая страховка, что какая бы версия не выходила, отображать эту страницу она будет в точности как IE7. По крайней мере, сама MS это вроде как http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx. А вот хаки типа * html и т.д. я бы не рекомендовал (особенно *+html - все-таки, применение этого правила к чему-либо есть явный баг, вдруг в релизе IE8 его исправят?). Условные комментарии с указанием конкретной версии (диапазона версий) - нормальное документированное решение, имхо. |
| Автор: Camilla 9.10.2008, 09:53 |
| Подскажите, пожалуйста как поменьше сделать ширину меню слева в IE, что,чтобы узенькое было как в Мазиле. http://autokomponent.ru/ Спасибо большое. |
| Автор: Famet 14.5.2011, 17:14 |
| После обновления сайта перекосило в IE. Разработчик говорит надо править в код. Исправляю ширину в IE - перекашивает в гугл хром и фаерфоксе. Подскажите неграмотному, как решить этот вопрос. Вот файл {config_load file="$language/lang_$language.conf" section="sitemap"} <h1 class="contentBoxHeading">{#heading_sitemap#}</h1> <table width="100%" cellspacing="0" cellpadding="3" border="0"> <tr> {php}$i=0;{/php} {foreach name=aussen item=module_data from=$module_content} {php}$i++;{/php} <td valign="top"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <th class="sitemap_heading"> <a href="{$module_data.CAT_LINK}"> <img src="{$module_data.CAT_IMAGE}"> <br /> {$module_data.CAT_NAME}</a> </th> </tr> <tr> <td><table width="100%" cellspacing="0" cellpadding="0" border="0"> {foreach key=key_data item=item_data from=$module_data.SCATS} <tr> <td class="sitemap_sub"><a href="{$item_data.link}"><B>{$item_data.text}</a></td> </tr>{foreachelse} <tr> <td class="sitemap_sub">{#no_subcategories#}</td> </tr> {/foreach} </table></td> </tr> </table></td> {php}if ($i==3){ echo "</tr><tr>"; $i=0; }{/php} {/foreach} </tr> </table> |
