Опять IE. Кроссбраузерность - HTML и CSS

Shaman-King · 21.01.2014, 20:38

Приветствую Всех!

Вообщем, как всегда осел не так отображает сайт... В хроме как указал в CSS так и отображает все нормально,а в осле нет.В хроме отображается нормально в рамке как положено, а в IE сайт растянут. Прощу у Вас помощи.

Вот скрины:
IE.jpg Chrome.jpg

А Вот CSS:

<STYLE>
#tbl {width: 100%; border-top: 1px #C0C0C0 solid}
#tdl {width: 15%; height: 350px; vertical-align: top; padding-top: 24px; border-right: 1px #C0C0C0 solid}
#tdr {width: 100%; vertical-align: top}
H1 {font-size: 130%; font-weight: 100; text-align: center}
H2 {font-size: 120%; font-weight: 100; text-align: center}
</STYLE>
<style>
p {
margin-bottom: -10px;
}
</style>
<STYLE>
.none {
text-decoration: none;
color: #2A608A;
}
</STYLE>
<STYLE>
.none:hover {
text-decoration: none;
background: #E1E7ED;
}
</STYLE>

Всем заранее спасибо!!

Streletz · 21.01.2014, 21:18

На какой версии IE тестировали сайт?

Код HTML:

<STYLE>
#tbl {width: 100%; border-top: 1px #C0C0C0 solid}
#tdl {width: 15%; height: 350px; vertical-align: top; padding-top: 24px; border-right: 1px #C0C0C0 solid}
#tdr {width: 100%; vertical-align: top}
H1 {font-size: 130%; font-weight: 100; text-align: center}
H2 {font-size: 120%; font-weight: 100; text-align: center}
</STYLE>

ИМХО: Не уверен, но возможно проблема ещё и в интерпретации единица измерения ширины. Можно попробовать использовать вместо процентов, например пиксели.

Shaman-King · 21.01.2014, 21:27

Streletz, IE 8. Уже разобрался, просто там нужно было в начало добавить <!DOCTYPE HTML>. Но спасибо Вам что откликнулись. Тему можно закрыть.

Naive · 21.01.2014, 21:32

1. Осел в каждой своей версии имеет разные движки, от тридент-4 (ИЕ6) до тридент-10 (ИЕ11), поведение везде уникально.
2. почему у вас стили разбиты на разные теги? Тут даже логики нет О_о
3. Это я так понял табличная верстка? Нафига? Она всегда будет по-разному отображаться, пока ее к нулю не привести
4. "№;"№% КАПСЛОК!!!!
5.

Код:

p {
margin-bottom: -10px;
}

Объясните мне суть этого. Пожалуйста, я не понимаю чего вы хотели этим добиться
6.

Код:

#tdr {width: 100%;

если я правильно понял структуру таблицы, то в этом нет смысла, для современных браузеров.
7. Для современных, это значит, что тут не хватает CSS, который заставит хром вести себя так, как на скриншоте, но есть тот, который при наличии этого кода заставит старые версии ИЕ (вроде 6 и/или 7) вести себя так, как на скрине.

Цитата:

Всем заранее спасибо!!

Да ваще говно вопрос, бро!

upd. И да, самого главного я не угадал, конечно же доктайп...

Shaman-King · 21.01.2014, 21:36

Naive Ну вообще, это движок скачал на просторах интернета. Не я верстал сайт. Как было так вот и скинул

Naive · 21.01.2014, 21:43

Цитата:

Сообщение от Shaman-King

Naive Ну вообще, это движок скачал на просторах интернета. Не я верстал сайт. Как было так вот и скинул

мопед не мой, я тока объяву разместил (с)

21.01.2014, 20:38	#1
Shaman-King Пользователь Регистрация: 29.11.2012 Сообщений: 51	Опять IE. Кроссбраузерность Приветствую Всех! Вообщем, как всегда осел не так отображает сайт... В хроме как указал в CSS так и отображает все нормально,а в осле нет.В хроме отображается нормально в рамке как положено, а в IE сайт растянут. Прощу у Вас помощи. Вот скрины: IE.jpg Chrome.jpg А Вот CSS: <STYLE> #tbl {width: 100%; border-top: 1px #C0C0C0 solid} #tdl {width: 15%; height: 350px; vertical-align: top; padding-top: 24px; border-right: 1px #C0C0C0 solid} #tdr {width: 100%; vertical-align: top} H1 {font-size: 130%; font-weight: 100; text-align: center} H2 {font-size: 120%; font-weight: 100; text-align: center} </STYLE> <style> p { margin-bottom: -10px; } </style> <STYLE> .none { text-decoration: none; color: #2A608A; } </STYLE> <STYLE> .none:hover { text-decoration: none; background: #E1E7ED; } </STYLE> Всем заранее спасибо!!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Кроссбраузерность JavaScript	Wolfus	JavaScript, Ajax	1	22.03.2012 21:37
Несколько вопросов. Кроссбраузерность.	Dmitry1983	HTML и CSS	4	13.08.2011 07:07
Кроссбраузерность шрифтов	4e4en	HTML и CSS	1	29.11.2010 14:25
Кроссбраузерность	Lavr	HTML и CSS	0	07.12.2009 11:00
Кроссбраузерность	418689322	HTML и CSS	1	20.11.2008 18:12

21.01.2014, 21:18	#2
Streletz Старожил Регистрация: 03.01.2014 Сообщений: 2,870	На какой версии IE тестировали сайт? Код HTML: <STYLE> #tbl {width: 100%; border-top: 1px #C0C0C0 solid} #tdl {width: 15%; height: 350px; vertical-align: top; padding-top: 24px; border-right: 1px #C0C0C0 solid} #tdr {width: 100%; vertical-align: top} H1 {font-size: 130%; font-weight: 100; text-align: center} H2 {font-size: 120%; font-weight: 100; text-align: center} </STYLE> ИМХО: Не уверен, но возможно проблема ещё и в интерпретации единица измерения ширины. Можно попробовать использовать вместо процентов, например пиксели. Мой скромный Web-сайт

21.01.2014, 21:27	#3
Shaman-King Пользователь Регистрация: 29.11.2012 Сообщений: 51	Streletz, IE 8. Уже разобрался, просто там нужно было в начало добавить <!DOCTYPE HTML>. Но спасибо Вам что откликнулись. Тему можно закрыть.

21.01.2014, 21:36	#5
Shaman-King Пользователь Регистрация: 29.11.2012 Сообщений: 51	Naive Ну вообще, это движок скачал на просторах интернета. Не я верстал сайт. Как было так вот и скинул