Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: решение проблем с IE
 
 автор: andshk   (09.03.2010 в 11:24)   письмо автору
 
 

Здравствуйте.

Мой сайт имеет блочную верстку. В IE отображается криво, но в других браузерах все нормально. Можно ли создать отдельный шаблон для IE и с помощью php определять если это браузер IE , то подставлять именно тот файл с шаблоном сайта, который оптимизирован для IE.

  Ответить  
 
 автор: DJ Paltus   (09.03.2010 в 11:38)   письмо автору
 
   для: andshk   (09.03.2010 в 11:24)
 


<?
if(ereg("MSIE"$_SERVER['HTTP_USER_AGENT'])) echo "ИШАК!";

Хотя в целом, способ решения проблемы диковат и беспощаден. По-хорошему, следовало бы переверстать покроссбраузернее.

  Ответить  
 
 автор: sasha1133   (09.03.2010 в 18:04)   письмо автору
 
   для: DJ Paltus   (09.03.2010 в 11:38)
 

Можно сделать отдельную таблицу стилей для ИЕ и подключать её с помощью условных комментариев. Почитай здесь - http://www.ez-web.ru/sitemaking/pub/pub05/index.shtml , сам не разбирался, т.к. стараюсь верстать кроссбраузерно. Чтобы было "кроссбраузерней" неплохо обнулять стили по умолчанию. Например типо того

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img { 
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}

  Ответить  
 
 автор: Lelik   (09.03.2010 в 18:08)   письмо автору
 
   для: sasha1133   (09.03.2010 в 18:04)
 

лучше почитать от это: Изучаем наличие layout

ЗЫ.
а вот эта хрень:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;



очень просто заменяется от этим:

* { 
    margin:0;
    padding:0;

  Ответить  
 
 автор: AlexSol   (09.03.2010 в 20:12)   письмо автору
 
   для: Lelik   (09.03.2010 в 18:08)
 

* захватывает больше, чем перечисленно )

  Ответить  
 
 автор: Lelik   (10.03.2010 в 00:12)   письмо автору
 
   для: AlexSol   (09.03.2010 в 20:12)
 

и ничего страшного в этом нет, во всяком случае в моей практике ни разу ничего сверхъестесвенного...

  Ответить  
 
 автор: andshk   (09.03.2010 в 23:03)   письмо автору
 
   для: Lelik   (09.03.2010 в 18:08)
 

Спасибо за ссылку.

  Ответить  
 
 автор: andshk   (09.03.2010 в 23:05)   письмо автору
 
   для: DJ Paltus   (09.03.2010 в 11:38)
 

Подскажите, пожалуйста, где можно получить доступную информацию о кроссбраузерности?

  Ответить  
 
 автор: mihdan   (09.03.2010 в 18:39)   письмо автору
 
   для: andshk   (09.03.2010 в 11:24)
 

За коим вам определять браузер на РНР (тем более, что в половине случаев вы сделаете это не верно)? Используйте условные комментарии для подключения стилей только под ИЕ

  Ответить  
 
 автор: andshk   (09.03.2010 в 22:57)   письмо автору
 
   для: mihdan   (09.03.2010 в 18:39)
 

Спасибо всем, кто ответил.

С самого начала я ориентировался на css.
У меня 4 таблицы.
Одна таблица для сброса настроек reset.css, вторая для настройки тегов h1, h2 и т.п. typography.css, Это две вспомогательных таблицы.

Далее основная таблица style.css она состоит из двух частей сначала все, что относится к позиционированию блоков, а вторая часть отвечает за внешний вид.

В самом начале таблицы прикреплены вспомогательные таблицы с помощью
@import url('reset.css');
@import url('typography.css');

и четвертая таблица для IE ie7.css У неё тоже в самом начале прикреплены вспомогательные таблицы через
@import url('reset.css');
@import url('typography.css');

Только в IE никаких изменений.

В html прописано подключение для ie7.css

<!--[if IE 7]>
<link rel="stylesheet" media="screen" type="text/css" title="Style" href="CSS/ie7.css" />
<![endif]-->

На самом деле в IE проблем не так уж и много.

1 Сайт выравнен по левой стороне, а должен быть по середине.
2 На каждой странице есть форма для анонса и форма для контента. Обе эти формы выходят за края. То есть получается размер больше чем нужно.
3 Очень часто название статей обрезаются, то есть выводится только несколько слов из названия.
4 и ещё несколько небольших "кривостей" с внешним видом.

Но все равно сайт с такими недоработками нельзя показывать.

Я думал может создать отдельный файл с каркасом на таблице, что бы он выводился только в IE с помощью php. Потому как уже и не знаю, что прописать в css.

Ещё раз спасибо за ответы.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования