кросбраузерность- отступы в IE.. помогите...

[werwolf78]

здравствуйте, господа
сделал сайтик на cmsms, http://camellia-tea.com.ua/ в целом нормально . ( были кое-какие вопросы- спасибо, специалисты с этого форума помогли...) конечно, остались еще вопросы- не столько важные и думаю решаемые...
вот что меня реально гложит и портит кровь, так это проблемы с отображением сайта в IE..
Точнее, не всего сайта и не во всех IE...

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

НО .. некоторыми версиями (увы, большинством версий) IE страница каталога http://camellia-tea.com.ua/catalog.html
отображается не так как хотелось бы...
точнее между картинками чая и описанием (особенно между первой картинкой на странице и ее описанием) откуда то появляется гигантский отступ...

самое не понятное- почему все страницы нормально отбражаются- хоть там тоже и текст и картинки а глючит только одна???

как решить эту проблему? подскажите, плиз.....

заранее благодарен за советы...

[Vladimir]

между картинками чая и описанием (особенно между первой картинкой на странице и ее описанием) откуда то появляется гигантский отступ...

Эти отступы появляются из-за пустых абзацев, которых там более 10. Нужно изменить шаблон каталога.

[Fenik17]

Эти отступы появляются из-за пустых абзацев, которых там более 10. Нужно изменить шаблон каталога.

Code: Select all

<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>
<p style="text-align: justify;"> </p>

Я думаю, это не в шаблоне, а в контенте кто-то навставлял. Хотя, может и в шаблоне.

[werwolf78]

спасибо за внимание, эти абзацы действительно не в шаблоне а в блоке контента...
и вставлял их визуальный редактор Тини... если их убрать- то конечно в IE все начинает выглядеть красиво... зато во всех остальных браузерах тексты наезжают на картинки.. а задумано было что текст идет под картинками... я пробовал заменить эти абзацы на <br/> но почему то эффекта отступа не получилось вобще..

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

[werwolf78]

короче- докладываю...
решил свою проблему следующий образом:
1. все картинки сделал одинаковой длинны. (шоб в зазары текст не влезал)
2. убрал все <p> </p>
3. отступы сделал задав картинкам margin-bottom: 10px;

усе......