Форум Сайтостроение Веб-строительство

В IE8 "плывут" сайты - расползается верстка

12
[Удален]
2030

Сегодня первый раз посмотел свои сайты через IE8 и ужаснулся. (до того момента смотрел только в IE6-7, опере, хроме, фаирфоксе, где все ок было). Так как знания в верстке у меня поверхностны, то спрошу здесь:)

Вот навскидку две проблемы:

1. Оказалось, что использование тега <li> в контенте отбрасывает сайдбар кудато далеко влево-вниз.

Непойму в чем проблема, убираю li - все ок, добавляю - перекос. Для li цсс не прописан, т.е. по умолчанию.

Для дивов стандартая верстка

#wrap {margin:0 auto; text-align:left; width:840px;}

#content{ float:left; padding:12px; width:580px; text-align:justify;}

#sidebar{ float:right; padding-top:22px; width:220px;}

2. Если просто накиданы картинки, наример <img src="img01.jpg"><img src="img02.jpg"><img src="img03.jpg"> и т.д, то IE8 их так и расположит, тоесть все картинки будут в ряд, и пофиг что #content на 580px, принудительного перехода на другую строку как в других браузерах нет. Как заставить IE8 нормально картинки отображать?

Причем бывает так, что первое и втрое проявляется не каждый раз, а через раз, т.е. обновил страницу - все ок, еще раз обновил - плывет и т.д.)) Пробовал на ХР и на семерке, и там и там подобные проблемы.

NikoX
На сайте с 19.04.2007
Offline
66
NikoX
#1

100% можно сказать, что сверстано криво)

А совет можно дать, если покажете страничку...

C уважением, Предводителев Сергей (VJiK)
[Удален]
#2

Местами кривая - 100%, так как шаблоны когдато самостоятельно адаптировал под движек)) Урл или код сюда сбросить?

neznaika
На сайте с 28.06.2006
Offline
356
neznaika
#3

x0x0, давайте урл, за вёрстку не банят :)

Дорого покупаю настоящие сайты. Не инвестирую деньги и не беру кредиты.
[Удален]
#4

Вот здесь, например, проблема с картинками

А здесь с "li".

neznaika
На сайте с 28.06.2006
Offline
356
neznaika
#5

Не понял, откуда вы взяли конструкцию вида:

<p></p>
<li></li>
<li></li>
<li></li>
<li></li>
<br>
<p></p>
<p></p>
<li></li>
<li></li>
<li></li>
<br>
<p></p>

Только так:

<ul>

<li></li>

<li></li>

<li></li>

<ul>

Или для нумерованного списка:

<ol>

<li></li>

<li></li>

<li></li>

<ol>

neznaika добавил 06.08.2011 в 16:33

<img src="/img/26/modni-spidnici-2012-57.jpg" alt="модні спідниці 2012" align="left" hspace="2" vspace="2">

Почему-бы не вынести в CSS, раз они все с одинаковыми стилями?

Оформление ol li - Будет ли проиндексирована Яндексом Позиции не растут. Выдача
[Удален]
#6
Не понял, откуда вы взяли конструкцию вида:

Да, с <ul> ничего не плывет, но вроде как и без него все работает в других браузерах. С ul отступы, если без него, то отступов нет. Удобно и не нужно индивидуально стили прописывать) Но если IE8 настолько строг, то придется про него забыть - слишком много придется переделывать((

Почему-бы не вынести в CSS, раз они все с одинаковыми стилями?

Делал руководствуясь принципом "оно и так нормально работает")

Нужны ли отступы элементам Спрашиваем и отвечаем по Верстка html рассылки
neznaika
На сайте с 28.06.2006
Offline
356
neznaika
#7
x0x0:
Но если IE8 настолько строг

Это не строгость, это нормально. Ваша конструкция неправильная.

x0x0:
С ul отступы, если без него, то отступов нет.

Дык сделайте в таблице стилей отступы на свой вкуса и размер :)

neznaika добавил 06.08.2011 в 16:56

x0x0:
Делал руководствуясь принципом "оно и так нормально работает")

Ага, а потом вместо пятисекундной правки в файле css нужно лопатить весь сайт. Это пораженческая доктрина, упростите себе жизнь.

LimonCash.com - Заработай "лимон" Замена внешних стилей css Как изменить title только
[Удален]
#8

Т.е. все безнадежно? Либо править каждую статью либо забить на IE8 в данном случае? С ул-ами еще можно понять, но чем ему не угодил allign="left" с картинками, непойму.

Спасибо!

NikoX
На сайте с 19.04.2007
Offline
66
NikoX
#9

Посмотрел картинке через IETester в IE8 - вроде всё нормально...

neznaika
На сайте с 28.06.2006
Offline
356
neznaika
#10
x0x0:
Как заставить IE8 нормально картинки отображать?

Попробуйте обернуть в <div></div>.

Хотя у меня нормально показывает.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий