X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Internet Explorer и google Chrome - Смещение контента
сюсю
сюсю
Topic Starter сообщение 10.3.2012, 20:16; Ответить: сюсю
Сообщение #1


Всем привет ! Хотел бы начать, так сказать с традиционной фразы "так как, я новичек в версте и т.д. =) ..."
На самом деле, начал потихоньку изучать веб - мастерство, так получилось, больше не по своей воли, а по работе =)

Столкнулся вот с проблемой, в firefox и opera шаблон отображается, как нужно, а вот в Internet Explorer (по крайней мере в 8 версии, в остальных не проверял) и google Chrome, при уменьшении (отдалении) масштаба сайта, контент собирается в кучю... такое ощущение, как будто, блок с id="conteiner" сжимается с ширины 940px, где нибудь до 500px ...

Вот нормальное отображение...Internet Explorer
[attachment=38706:1.jpg]

Вот с уменьшенным масштабом ... также в Internet Explorer
[attachment=38707:2.jpg]

И вот еще одно, случайно не существуют ли скрипты, которые могли бы сами выравнивать стили, и например сообщать об ошибках ?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Очень
Очень
сообщение 10.3.2012, 21:33; Ответить: Очень
Сообщение #2


(mazai113 @ 10.3.2012, 23:16) *
И вот еще одно, случайно не существуют ли скрипты, которые могли бы сами выравнивать стили, и например сообщать об ошибках ?

к примеру - валидатор
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
texno
texno
сообщение 10.3.2012, 21:44; Ответить: texno
Сообщение #3


После очень развёрнутого ответа Очень, трудно что то добавить, только по мелочи...

страница проверки html, показываем файл и жмём кнопку
http://validator.w3.org/#validate_by_upload
страница проверки css, показываем файл и жмём кнопку
http://jigsaw.w3.org/css-validator/#validate_by_upload
проверяет регулярные выражения
http://www.pagecolumn.com/tool/regtest.htm
http://regexpres.narod.ru/calculator.html
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
сюсю
сюсю
Topic Starter сообщение 13.3.2012, 1:26; Ответить: сюсю
Сообщение #4


Спасибо за ссылки, проверил я на Валидаторе, вывелось следующие:


1. required attribute X not specified
The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
Line 99, column 71: required attribute "alt" not specified
…hoto/1.jpg" width="162" height="120" />This website template can be delivered …

2.end tag for X omitted, but OMITTAG NO was specified

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Line 68, column 5: end tag for "li" omitted, but OMITTAG NO was specified
</ul>
Line 79, column 5: end tag for "li" omitted, but OMITTAG NO was specified
</ul>
Line 84, column 5: end tag for "li" omitted, but OMITTAG NO was specified
</ul>

3. document type does not allow element X here; assuming missing Y start-tag

Line 59, column 4: document type does not allow element "h3" here; assuming missing "li" start-tag
<h3>О <span>Нас</span></h3>
Line 70, column 4: document type does not allow element "h3" here; assuming missing "li" start-tag
<h3>Приёмная <span>комиссия</span></h3>
Line 81, column 4: document type does not allow element "h3" here; assuming missing "li" start-tag
<h3>О <span>стипендии</span></h3>

4. document type does not allow element X here; missing one of Y start-tag
The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
Line 60, column 16: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
<li id="b_li_1">
Line 71, column 16: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
<li id="b_li_2">
Line 82, column 16: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
<li id="b_li_3">


Но в чем тут Ошибка, я не догоняю...Может быть я где то в css могу напутать, но в html...это просто глупо =) Все теги я точно знаю, что расположил по "стандарту"... Возможно из - за того, что я расположил <h3> и <span> следующим образом: <h3>О <span>нас</span></h3> или списки:

<ul id="info">
<li>
<p id="num1">Какой-то текст №1</p>
</li>
<li>
<p id="num2">Какой-то текст №2</p>
</li>
<li>
<p id="num3">Какой-то текст №3</p>
</li>
</ul>


Как раз на эти два так сказать "метода расстановки тегов", валидатор и ругается...

Вот кстати и сам шаблон...:[attachment=38708:template.rar]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Zippovich
Zippovich
сообщение 13.3.2012, 2:05; Ответить: Zippovich
Сообщение #5


<ul class="Block_01">
<h3>О <span>Нас</span></h3>
<li id="b_li_1">


посмотрите внимательно - что тут не так, если изучали теги.
используйте отступы - код читать нереально.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
сюсю
сюсю
Topic Starter сообщение 13.3.2012, 12:12; Ответить: сюсю
Сообщение #6


Вот полность код:
<ul class="Block_01">
<h3>О <span>Нас</span></h3>
<li id="b_li_1">
<p>
<a href="">1</a><br />
<a href="">2</a><br />
<a href="">....</a><br />
<a href="">n</a>
</p></li>
</ul>

(Zippovich @ 13.3.2012, 05:05) *
посмотрите внимательно - что тут не так, если изучали теги.

Имеется в виду сделать следующим образом:
<ul class="Block_01">
<li><h3>О <span>Нас</span></h3></li>
<li id="b_li_1">
<p>
<a href="">1</a><br />
<a href="">2</a><br />
<a href="">....</a><br />
<a href="">n</a>
</p></li>
</ul>

Сейчас попробую ! Спасибо за замечание !
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
сюсю
сюсю
Topic Starter сообщение 13.3.2012, 12:37; Ответить: сюсю
Сообщение #7


Zippovich, Спасибо, да действительно, сдесь я зря LI не поставил, была еще одна ошибка в аттрибутах img, поставил alt="" и она исчезла...Проверяю валидадотором, ошибки отсутствуют, в основном стиле тоже, а вот в стиле для ie6 выдает ошибку:
[CSS]* html #wrapper, * html #footer Ошибка значения : width Ошибка разбора expression((documentElement.clientWidth||document.body.clientWidth)940?'940px':'')[/CSS]

Но думаю такая "куча - мола" тегов точно не из - за данного стиля, ладно если только Internet Explorer, но Chrome...

Вот как это выглядит в Chrome:
[attachment=38709:chrome.jpg]

P.s. В других браузерах не пробовал, возможно в остальных вообще караул...=)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) ⭐⭐⭐ Google Voice | Gmail - OLD аккаунты "SMS и звонки" ⭐⭐⭐
15 Chekon 4380 Сегодня, 12:00
автор: Chekon
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыA-Parser 1.1 - продвинутый парсер ПС, кейвордов, контента, показателей, 70+ парсеров.
353 Forbidden 279258 11.4.2024, 17:07
автор: AParser_Support
Открытая тема (нет новых ответов) Если статья не в индексе Google - она уникальна или нет?
5 uahomka 1432 3.4.2024, 23:56
автор: Liudmila
Горячая тема (нет новых ответов) Google запускает новый браузер элементами искусственного интеллекта
38 arendator 13467 21.3.2024, 18:10
автор: Rebex
Открытая тема (нет новых ответов) Сайт не индексируется в Google без добавления ссылок в адурилку
4 Nekit 1082 20.3.2024, 21:44
автор: MorKer


 



RSS Текстовая версия Сейчас: 18.4.2024, 16:47
Дизайн