Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> проблема с отображением сайта в IE8, В Chrome все хорошо, а в IE разъезжается 
:(
    Опции темы
Ошипка
Дата 17.5.2011, 23:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 17.5.2011

Репутация: нет
Всего: нет



Сделав шаблон я проверила его в IE и он рухнул. В Chrome все отображается прекрасно. 
Сайт не поддаеться не на какие уговоры, и умоляла и шаманские пляски устраивала и головой об стену билась  smile не помогло.
Приходиться исправлять. Если у кого есть какие идеи подкиньте.
Вот код
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>

<style type="text/css">
@charset "utf-8";

body {
    background-image: url(img/fon.png);
    }
td {
    background:url(img/point.png);
    }
a {
    text-decoration:none;
    border:none;
    }
p{
    color:#333;
    font-family:calibri;
    font-size:18px;
    font-weight:50;
    text-indent:20px;
    margin-bottom:0pt;
    margin-top:0pt;
    }
H1{
    color:#660000;
    font-family:Century Gothic;
    text-align:center;
    text-decoration:underline;
    font-weight:lighter;
    
    }
H2{
    color:#660000;
    font-family:Century Gothic;
    text-align:center;
    font-weight:lighter;
    padding-left:1em;
    }
</style>
</head>

<body>
<table width="800" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <th colspan="2" background="img/top.png" height="100"><img src="img/Solea.png"></th>

  </tr>
  <tr >
    <td width="200" height="60"><a href="news.html"><img src="img/buttons/news.png" alt="news"></a></td>
    <td rowspan="6"><!-- TTEEXXTT!! MAIN --> 
    
   <h1>Blaa</h1>
   <h2> Blaa</h2>
   <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris adipiscing viverra mi, eu dapibus dolor malesuada consequat. Donec ut risus non lectus porta vehicula. Donec sed neque quis erat ultricies dapibus non sit amet libero. Aenean iaculis tortor sit amet urna venenatis sed tincidunt nisi aliquam. Curabitur feugiat ultricies libero sit amet scelerisque. Maecenas mi lorem, viverra in pellentesque et, sagittis nec neque. Fusce eu sapien ut diam laoreet molestie. Etiam id elit et est tempor egestas vitae id dolor. Sed imperdiet nunc sit amet metus bibendum malesuada. Aliquam erat volutpat. Donec nisl velit, lacinia sed commodo in, egestas sed lectus. Aenean sit amet lectus tellus, ac congue massa. Praesent vel quam at velit fermentum dignissim eu quis dolor. Aenean pellentesque ipsum nec felis placerat et vehicula orci gravida. Pellentesque suscipit tempus orci vel accumsan. Suspendisse a felis vel enim mattis sodales. Etiam tristique molestie fringilla. Phasellus laoreet ligula vitae tortor fermentum sodales. Praesent eleifend nisi non purus tempus a sagittis metus dictum. Cras fermentum faucibus neque, sed egestas lacus suscipit eget.

Aliquam erat volutpat. Sed mollis elit non eros viverra at laoreet tellus blandit. Nam mauris elit, molestie eget scelerisque quis, pretium at neque. In hac habitasse platea dictumst. Fusce sodales, nunc ac gravida tristique, libero leo varius tellus, et feugiat turpis quam quis quam. Nunc sollicitudin pellentesque elementum. Morbi elit lacus, egestas aliquam tristique vitae, sodales eu nulla. Vivamus tempor ultrices sapien, eu condimentum ligula aliquam eget. Vivamus consequat viverra blandit. Ut nulla neque, venenatis vitae pulvinar ac, congue sit amet lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam volutpat dictum nulla eu pharetra. Suspendisse ut neque lorem. Sed quis sem orci. Phasellus rutrum egestas venenatis.

Fusce in odio vitae lorem laoreet sollicitudin sed in justo. Phasellus mollis leo id nulla condimentum varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus porttitor tristique ligula, sed consequat neque posuere sed. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque lobortis enim non lorem faucibus eget pulvinar quam rutrum. Ut libero dui, commodo ac tristique eu, fermentum nec nunc. In nec diam turpis. Integer sit amet justo sit amet magna iaculis elementum at vel massa. Sed neque velit, imperdiet ac venenatis a, malesuada quis sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla eget lacus et augue luctus scelerisque. Curabitur nec nunc et sem posuere vestibulum sed in justo. Aliquam erat volutpat. Pellentesque a sapien mi, at auctor elit. Nunc feugiat porttitor lectus, nec elementum turpis tempor non.

Nunc mollis orci eget libero tempor at lacinia dui sollicitudin. Donec purus dolor, blandit porta viverra quis, luctus eu odio. Proin quis venenatis quam. Aliquam erat volutpat. Mauris non tempus augue. Cras et sapien a dui sodales semper. Integer quis ante arcu. Cras tristique nibh quis velit ultricies ornare. Nullam iaculis, velit vitae gravida vehicula, odio nulla molestie sem, et pretium lectus est vel dolor. Cras rhoncus mattis nibh non aliquet. Etiam sit amet massa ac mi vulputate semper eu eu magna. Morbi luctus ultrices metus. Aenean eleifend, nisl eu convallis iaculis, sapien risus luctus lorem, volutpat semper diam nunc ut odio. Etiam velit arcu, venenatis eget sagittis suscipit, sodales non justo.

Ut dapibus tempor accumsan. Curabitur tristique vestibulum lobortis. Praesent in urna et metus cursus facilisis ultrices congue dolor. Duis nec ante convallis augue mollis dignissim. Donec rhoncus nisl ac nisi tempor convallis. Mauris eleifend malesuada justo, sit amet gravida nibh malesuada ullamcorper. Nunc sit amet leo in nisl pulvinar faucibus. Quisque at congue lectus. Fusce nec eros quam, sit amet tristique dui. Morbi volutpat tortor vitae sem cursus sed malesuada magna malesuada. Sed scelerisque eleifend nibh volutpat egestas.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris adipiscing viverra mi, eu dapibus dolor malesuada consequat. Donec ut risus non lectus porta vehicula. Donec sed neque quis erat ultricies dapibus non sit amet libero. Aenean iaculis tortor sit amet urna venenatis sed tincidunt nisi aliquam. Curabitur feugiat ultricies libero sit amet scelerisque. Maecenas mi lorem, viverra in pellentesque et, sagittis nec neque. Fusce eu sapien ut diam laoreet molestie. Etiam id elit et est tempor egestas vitae id dolor. Sed imperdiet nunc sit amet metus bibendum malesuada. Aliquam erat volutpat. Donec nisl velit, lacinia sed commodo in, egestas sed lectus. Aenean sit amet lectus tellus, ac congue massa. Praesent vel quam at velit fermentum dignissim eu quis dolor. Aenean pellentesque ipsum nec felis placerat et vehicula orci gravida. Pellentesque suscipit tempus orci vel accumsan. Suspendisse a felis vel enim mattis sodales. Etiam tristique molestie fringilla. Phasellus laoreet ligula vitae tortor fermentum sodales. Praesent eleifend nisi non purus tempus a sagittis metus dictum. Cras fermentum faucibus neque, sed egestas lacus suscipit eget.

Aliquam erat volutpat. Sed mollis elit non eros viverra at laoreet tellus blandit. Nam mauris elit, molestie eget scelerisque quis, pretium at neque. In hac habitasse platea dictumst. Fusce sodales, nunc ac gravida tristique, libero leo varius tellus, et feugiat turpis quam quis quam. Nunc sollicitudin pellentesque elementum. Morbi elit lacus, egestas aliquam tristique vitae, sodales eu nulla. Vivamus tempor ultrices sapien, eu condimentum ligula aliquam eget. Vivamus consequat viverra blandit. Ut nulla neque, venenatis vitae pulvinar ac, congue sit amet lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam volutpat dictum nulla eu pharetra. Suspendisse ut neque lorem. Sed quis sem orci. Phasellus rutrum egestas venenatis.

Fusce in odio vitae lorem laoreet sollicitudin sed in justo. Phasellus mollis leo id nulla condimentum varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus porttitor tristique ligula, sed consequat neque posuere sed. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque lobortis enim non lorem faucibus eget pulvinar quam rutrum. Ut libero dui, commodo ac tristique eu, fermentum nec nunc. In nec diam turpis. Integer sit amet justo sit amet magna iaculis elementum at vel massa. Sed neque velit, imperdiet ac venenatis a, malesuada quis sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla eget lacus et augue luctus scelerisque. Curabitur nec nunc et sem posuere vestibulum sed in justo. Aliquam erat volutpat. Pellentesque a sapien mi, at auctor elit. Nunc feugiat porttitor lectus, nec elementum turpis tempor non.

Nunc mollis orci eget libero tempor at lacinia dui sollicitudin. Donec purus dolor, blandit porta viverra quis, luctus eu odio. Proin quis venenatis quam. Aliquam erat volutpat. Mauris non tempus augue. Cras et sapien a dui sodales semper. Integer quis ante arcu. Cras tristique nibh quis velit ultricies ornare. Nullam iaculis, velit vitae gravida vehicula, odio nulla molestie sem, et pretium lectus est vel dolor. Cras rhoncus mattis nibh non aliquet. Etiam sit amet massa ac mi vulputate semper eu eu magna. Morbi luctus ultrices metus. Aenean eleifend, nisl eu convallis iaculis, sapien risus luctus lorem, volutpat semper diam nunc ut odio. Etiam velit arcu, venenatis eget sagittis suscipit, sodales non justo.

Ut dapibus tempor accumsan. Curabitur tristique vestibulum lobortis. Praesent in urna et metus cursus facilisis ultrices congue dolor. Duis nec ante convallis augue mollis dignissim. Donec rhoncus nisl ac nisi tempor convallis. Mauris eleifend malesuada justo, sit amet gravida nibh malesuada ullamcorper. Nunc sit amet leo in nisl pulvinar faucibus. Quisque at congue lectus. Fusce nec eros quam, sit amet tristique dui. Morbi volutpat tortor vitae sem cursus sed malesuada magna malesuada. Sed scelerisque eleifend nibh volutpat egestas.</p>
</td>
  </tr>
  <tr>
    <td height="60"><a href="articles.html"><img src="img/buttons/articles.png" alt="articles"></a></td>

  </tr>
  <tr>
    <td height="60"><a href="about.html"><img src="img/buttons/about.png" alt="about us"></a></td>

  </tr>
  <tr>
    <td height="60"><a href="media.html"><img src="img/buttons/media.png" alt="media"></a></td>

  </tr>
  <tr>
    <td height="60"><a href="bbfc.html"><img src="img/buttons/bbfc.png" alt="bbfc"></a></td>
  
  </tr>
  <tr>
   <td height="*">&nbsp;</td>
  
  <tr>
    <th colspan="2" background="img/bottom.png" height="100">&nbsp;</th>
  </tr>
</table>
</body>
</html>


Вот как оно должно выглядеть 
https://picasaweb.google.com/lh/photo/K-Qlm...feat=directlink

А вот так оно выглядит

https://picasaweb.google.com/lh/photo/vwg5K...feat=directlink
 smile  Он мне даже картинки вставлять не разрешает...


Это сообщение отредактировал(а) Ошипка - 17.5.2011, 23:59
PM MAIL   Вверх
SelenIT
Дата 18.5.2011, 15:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Имхо, единственный вариант — переделать кучу tr-ок с менюшкой в одну, и туда вставить вложенную таблицу. Это из относительно быстрых переделок (совсем по-хорошему, таблица там вообще ни к чему, но это дольше).


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
ReFleX
Дата 19.5.2011, 10:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 499
Регистрация: 26.9.2004
Где: Таллинн

Репутация: 1
Всего: 3



Что это: height="*"?

Попробуй убрать...
А вообще верстку делают при помощи только div, на таблицах сайты делали лет 10 назад. Переделай на div это будет правильно, иначе с таблицами всегда проблема будет IE всегда таблицы по своему показывает, увы :(
PM WWW   Вверх
olldman
Дата 26.5.2011, 11:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дед
*


Профиль
Группа: Участник
Сообщений: 75
Регистрация: 9.1.2009
Где: Омск

Репутация: 6
Всего: 6



Цитата(SelenIT @ 18.5.2011,  18:00)
Имхо, единственный вариант — переделать кучу tr-ок с менюшкой в одну, и туда вставить вложенную таблицу.

Ну зачем же предлагать такой бред?
1. Где в представленном коде табличные данные? Нет, а раз нет, то и таблицы быть не должно.
2. Что из себя представляет меню? Список ссылок. Так и оформлять его следует именно списком, а не набором обезличенных ячеек таблицы и всякого рода рисунков.
3. Для чего вам нужен CSS, только для определения свойств шрифтов? Таблицы стилей могут больше.
Ну и ошибки в самой таблице не мешало бы исправить для начала. Предпоследняя строка не закрыта, что это за <th> в конце таблицы? Нет атрибута height для таблиц, не существует в природе.
PM MAIL WWW ICQ Skype   Вверх
SelenIT
Дата 27.5.2011, 20:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



olldman, так всё-таки, "таблицы быть не должно" или "ошибки в самой таблице не мешало бы исправить"? ;)

Кстати,
Цитата(olldman @  26.5.2011,  11:40 Найти цитируемый пост)
Предпоследняя строка не закрыта
Цитата(olldman @  26.5.2011,  11:40 Найти цитируемый пост)
<th> в конце таблицы
в HTML4 формально ошибками не являются (семантика — другой вопрос, тут не спорю, но в данном случае о ней речь пока явно не идет). А атрибут height я там вижу только у ячеек, где он есть (хотя и deprecated, но всё-таки — опять же формально).


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
olldman
Дата 29.5.2011, 19:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дед
*


Профиль
Группа: Участник
Сообщений: 75
Регистрация: 9.1.2009
Где: Омск

Репутация: 6
Всего: 6



Цитата

так всё-таки, "таблицы быть не должно" или "ошибки в самой таблице не мешало бы исправить"? ;)

Раз уж таблица имеет место быть, то исправить ошибки нужно.
Что на счет "формально", то именно по этой причине таблицы в этом контексте быть не должно, как не должно быть в конце таблицы элемента <th>, входящем в группу <thead>, которая, кстати говоря, не обозначена.
Да, формально ячейки таблицы могут быть не "закрытыми", но здесь, пожалуй, стоит исходить из правил "хорошего тона" - раз уж начали закрывать, то делать это нужно везде.
PM MAIL WWW ICQ Skype   Вверх
SelenIT
Дата 30.5.2011, 11:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(olldman @  29.5.2011,  19:33 Найти цитируемый пост)
как не должно быть в конце таблицы элемента <th>, входящем в группу <thead>

Можно ссылку на источник такого требования? Насколько помню, заголовочные ячейки бывают как у столбцов, так и у строк (scope="col" и "row" соотв-но), и во втором случае все th-ки в thead не запихнешь при всем желании. В спеке, правда, такого примера я сходу не нашел, зато пример из статьи (после фразы "двойные заголовки") валидируется на ура. Да и аргументация к нему выглядит логичной.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
olldman
Дата 30.5.2011, 17:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дед
*


Профиль
Группа: Участник
Сообщений: 75
Регистрация: 9.1.2009
Где: Омск

Репутация: 6
Всего: 6



Ну хорошо, давайте не будем спорить, просто ответте на один вопрос - к информации какого типа вы относите символ неразрывного пробела? - 
Код

  <tr>
    <th colspan="2" background="img/bottom.png" height="100">&nbsp;</th>
  </tr>

header (заголовочная)? data?... (Ячейки таблицы могут содержать или "header" информацию (см. элемент TH), или "data" (см. элемент TD) из спецификации...)
И в завершении:
Цитата

Таблицы не должны использоваться только с целью форматирования содержимого документа, так как это может создавать проблемы для невизуальных устройств. К тому же, при использовании с графикой, такие таблицы могут потребовать горизонтальной прокрутки для просмотра таблиц, созданных в системе с более широким дисплеем. Чтобы минимизировать эти проблемы, авторы должны использовать для управления выводом таблицы стиля, а не таблицы.


p.s. однако мы похоже отошли от вопроса ТС, стоит ли продолжать? smile 


PM MAIL WWW ICQ Skype   Вверх
SelenIT
Дата 30.5.2011, 23:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(olldman @  30.5.2011,  17:52 Найти цитируемый пост)
к информации какого типа вы относите символ неразрывного пробела?

Хороший вопрос по существу smile Да, это чистая презентационка. Насколько понимаю, для примерно таких таблиц W3C недавно предложил атрибут role=presentation... smile

Цитата(olldman @  30.5.2011,  17:52 Найти цитируемый пост)
стоит ли продолжать?

Имхо, да. Раз уж возник спор, надо докопаться до истины. А то вокруг бедного HTML и так столько мифов наросло...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
olldman
Дата 31.5.2011, 05:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дед
*


Профиль
Группа: Участник
Сообщений: 75
Регистрация: 9.1.2009
Где: Омск

Репутация: 6
Всего: 6



Мифов ... эт да. Ну хорошо, давайте "докопаемся"  smile 
Как известно, header-информация предваряет какой-либо контент, надеюсь с этим вы спорить не станете. Какой контент предваряет последняя строка представленной таблицы? В том числе и поэтому, возник вопрос о смысле применения таблицы и, в частности, элемента <th> в ней.
Вы правильно поняли мое сообщение в плане тонкого намека на семантику. Преимущества применения структурных элементов, несущих в себе смысл представленной в них информации думаю также не вызывает сомнений.
Применение таблиц не по назначению, к сожалению, до сих пор в моде. Я давненько уже выложил небольшую заметку у себя на сервере про применение именно таблицы в качестве разметки меню и даю новичкам на "Постройке.ру" ее читать, дабы наставить на путь истинный сразу, чтобы им после не пришлось переучиваться, тем более, что уже в html5 недвусмысленно заявлено, что и элемент <div>(это любителям называть верстку "дивной")  применять следует в исключительных случаях, не говоря уже о таблицах...
PM MAIL WWW ICQ Skype   Вверх
SelenIT
Дата 31.5.2011, 08:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Эх, семантика-шмемантика smile. Думаю, живи известнейший коллективный виртуал русской блогосфе литературы XIX века — К. Прутков — в наше время, одно из его крылатых изречений выглядело бы примерно так:
Код

<p>Единожды начав, нельзя остановиться:</p>
<ol>
<li>Вкушать хорошую пищу</li>
<li>Чесать, где чешется</li>
<li>Участвовать в холиворе о семантической разметке</li>
</ol>

smile

Насчет предварения контента заголовком согласен (как и насчет неуместности таблицы для меню в целом). Наверное, можно придумать логичную структуру, где заголовок, наоборот, подытоживал бы какой-то контент, но вот сходу не придумывается smile. Но вот в примере по ссылке заголовок меню внутри первого элемента списка режет мне глаз, ничего не могу с собой поделать — ну напрашивается из здравого смысла, чтобы заголовок предварял весь список, ну никак он не лезет в рядовой элемент перечисления, одного уровня с пунктами меню. А если уж доводить до абсолюта, то лично я бы и "::" перед каждым пунктом в :before вынес — это ж тоже не текст как таковой, а украшательство по сути. И перевод в заглавные буквы я бы text-transform-у поручил — незачем контенту "кричать" самому по себе smile

Но предела совершенству нет, придраться можно ко всему. А списки, имхо, вообще вторые после div-ов элементы в HTML, чья семантичность непомерно переоценена. Имхо, иногда стоит прислушаться к репликам товарища sorrow вот в этой дискуссии... smile

Но в этой теме это уже действительно глубокий  smile 


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0990 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.