[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: проблемы с версткой в IE
archibaldd
ДД. есть проблема с версткой в IЕ, сайт в мозиле и в опере отображается нормально , а вот в эксплорере в правой боковой панели блоки живут своей жизнью , выводятся в разнобой, при этом растягивают первую краткую новость (новостной сайт) на весь размер блоков. Если кто может помочь, буду очень благодарен вот сайт filmosoft.com , а вот сам текст главной страницы

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>

{headers}
<link rel="shortcut icon" href="{THEME}/images/favicon.ico" />
<style
type="text/css" media="all">
@import url({THEME}/css/main.css);
</style>
<script
type="text/javascript" src="{THEME}/js/jquery-1.2.6.pack.js"></script>
<script
type="text/javascript" src="{THEME}/js/stepcarousel.js"></script>
<script
type="text/javascript" src="{THEME}/js/tabcontent.js"></script>
</head>
<body
class="pagebg">
{AJAX}

<script language="javascript" type="text/javascript">

function
get_anekdot (){
var ajax = new dle_ajax();
var varsString = "";
ajax.setVar("skin", dle_skin);
ajax.requestFile = dle_root + "engine/ajax/anekdot.php";
ajax.method = 'GET';
ajax.element = 'anekdot-layer';
ajax.sendAJAX(varsString);
}

</script>

<div
class="wrapper">
<div
class="tttopppbar">
<!-- ДОП.ССЫЛКИ -->
<a href="http://filmosoft.com/index.php">Главная</a> | <a href="http://filmosoft.com/index.php?do=feedback">Контакты</a>
<a
href="#"></a> | <a href="http://filmosoft.com/index.php?do=rules">Правила</a>
<a
href="#"></a> | <a href="http://filmosoft.com/index.php?do=feedback">Реклама</a>
<a
href="#"></a>
</div>
<div
class="tophhhhheader">
<div
class="tophhhhhheader">
<a
href="/rss.xml" title="Чтение RSS"><img class="rsshead" src="{THEME}/images/rsshead.png" alt="Чтение RSS" /></a>
<div
class="bannerh_3week"><a href="/index.php" title="Filmosoft.com У нас бесплатно всё!!! Фильмы,музыка,программы,игры"><img src="{THEME}/images/test_banner.png" alt="Filmosoft.com У нас бесплатно всё!!! Фильмы,музыка,программы,игры" /></a></div>
<a
href="/index.php" title="Filmosoft.com У нас бесплатно всё!!! Фильмы,музыка,программы,игры"><img class="www_3week_ru" src="{THEME}/images/spacer.gif" alt="Filmosoft.com У нас бесплатно всё!!! Фильмы,музыка,программы,игры" /></a>
<div
class="hhhembtn">

<!-- КНОПКИ -->
<span><a class="bbttnhome" href="/index.php" title="Главная"><img src="{THEME}/images/spacer.gif" alt="Главная" /></a></span>
<span><a
class="bbttnhome2" href="/index.php?do=feedback" title="Контакты"><img src="{THEME}/images/spacer.gif" alt="Контакты" /></a></span>
<span><a
class="bbttnhome3" href="#" title="Карта сайта"><img src="{THEME}/images/spacer.gif" alt="Карта сайта" /></a></span>
<a
class="bbttnhome4" rel="sidebar" onclick="window.external.AddFavorite(location.href,'Суперсайт'); return false;" href="http://filmosoft.com" title="Скачать бесплатно фильмы,музыку, программы,игры"><img src="{THEME}/images/spacer.gif" alt="Добавить в избранное" /></a>
</div>
</div>
<div
class="tophdasdmenu">
<!-- НАВИГАЦИЯ -->
<a href="/index.php" class="link1"><strong>Главная</strong></a>
<a
href="/film/"><strong>Кинофильмы</strong></a>
<a
href="/serial/"><strong>Сериалы</strong></a>
<a
href="/soft/"><strong>Полезные программы</strong></a>
<a
href="/mobilfilm/"><strong>Фильмы для мобильного</strong></a>
<a
href="/game/"><strong>Компьютерные иры</strong></a>
<a
href="/porno/"><strong>Эротика 18+</strong></a>
</div>
<div
class="topserachas_3week">
<div
class="searchbox">





<form
onsubmit="javascript: showBusyLayer()" method="post" action=''>
<input
type="hidden" name="do" value="search" />
<input
type="hidden" name="subaction" value="search" />
<div
class="shbox">
<img
class="search_on_site" src="{THEME}/images/spacer.gif" alt="Поиск по сайту" />
<div><input
class="a_field" name="story" value="Что ищем?" onblur="if(this.value=='') this.value='Что ищем?';"

onfocus="if(this.value=='Что ищем?') this.value='';" type="text" /> </div>
<input
class="btn" value="Поиск" type="image" src="{THEME}/images/spacer.gif" />
<a
href="/index.php?do=search&mode=advanced">Найти еще больше?</a>
</div>
</form>
</div>
</div>
</div>
<div
class="toppererr_3week">
<div
class="dright">
<div
class="loginform">
<!-- БЛОК ВХОДА -->

{login}



</div>
</div>
<div
class="dleft">
<div
id="mygallery" class="stepcarousel">
<div
class="belt">
<!-- СЛАЙДШОУ -->
<div class="panel">
<a
href="http://filmosoft.com/index.php?newsid=642"><img src="http://filmosoft.com/uploads/posts/2010-05/1273739903_003.jpg" />Робин Гуд </a>
</div>
<div
class="panel">
<a
href="http://filmosoft.com/index.php?newsid=664"><img src="http://filmosoft.com/uploads/posts/2010-05/1274170771_003.jpg" />сериал Дыши со мной</a>
</div>
<div
class="panel">
<a
href="http://filmosoft.com/index.php?newsid=635"><img src="http://filmosoft.com/uploads/posts/2010-05/1273698926_010.jpg" />XXL №5</a>
</div>
<div
class="panel">
<a
href="http://filmosoft.com/index.php?newsid=613"><img src="http://filmosoft.com/uploads/posts/2010-05/1273568594_006.jpg" />Hot Dance(2010)</a>
</div>
<div
class="panel">
<a
href="http://filmosoft.com/index.php?newsid=618"><img src="http://filmosoft.com/uploads/posts/2010-05/1273588725_002.jpg" />Шрэк навсегда</a>

</div>
<div
class="panel">
<a
href="http://filmosoft.com/index.php?newsid=513"><img src="http://img5.immage.de/21047237796c0b5f.jpg" />Интерны(для мобильного)</a>
</div>
<div
class="panel">
<a
href="http://filmosoft.com/index.php?newsid=622"><img src="http://filmosoft.com/uploads/posts/2010-05/1273666189_006.jpg" />Кошмар на улице Вязов</a>
</div>
</div>
</div>

<script
type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery',
beltclass: 'belt',
panelclass: 'panel',
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:300, wraparound:false, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['/templates/3week/images/left_3week.png', -40, 58], rightnav: ['/templates/3week/images/right_3week.png', 24, 58]},
statusvars: ['statusA', 'statusB', 'statusC'],
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>
</div>
</div>
<div
class="mmasdabody_3week"><div class="topmmasdabody_3week">
<ul
class="container">
<li
class="rightside">
<ul
class="colomsside">
<li
class="cmsrightside">
<div
class="blockrighttype1"><div class="dbtm">
<h3>
Все категории</h3>
<!-- КАТЕГОРИИ -->
<ul class="navs">
<li><a
href="/index.php?do=cat&category=news"><span>Новости сайта </span></a></li>
<li><a
href="/index.php?do=cat&category=film"><span>Фильмы </span></a></li>

</ul>
</div></div>
</li>
<li
class="cmsleftside">
<div
class="blocklefttype1"><div class="dtop"><div class="dbtm">
<h3>
Навигация</h3>
<div
class="dcont">
<ul
class="navs">
<!-- НАВИГАЦИЯ -->
<li><a href="/film/"><strong>Скачать кинофильмы</strong></a></li>
<li><a
href="/serial/"><strong>Сериалы</strong></a></li>
<li><a
href="/mp3/"><strong>Скачать mp3</strong></li>
<li><a
href="/soft/"><strong>Полезные программы</strong></a></li>
<li><a
href="/oboi/"><strong>Разное</strong></a></li>
<li><a
href="/mobilfilm/"><strong><font color="red">Фильмы для мобильного</font></strong></a></li>
<li><a
href="/smartphon/"><strong>Все для телефона </strong></a></li>
<li><a
href="/game/"><strong>Компьютерные игры</strong></a></li>
<li><a
href="/knigi/"><strong>Журналы и книги</strong></a></li>
<li><a
href="/porno/"><strong>Эротика 18+</strong></a></li>


</ul>
</div>
</div></div></div>
<div
class="blocklefttype2">
<div
class="dtop">
<ul
id="countrytabs" class="shadetabs">
<li><a
href="#" rel="country1" class="selected">Календарь</a></li>
<li><a
href="#" rel="country2">Новости</a></li>
</ul>
</div>
<div
class="dcont">
<div
class="shadetabscont">
<div
id="country1" class="tabcontent">
<!-- КАЛЕНДАРЬ -->
<div style="padding-top: 14px;">{calendar}</div>
</div>
<div
id="country2" class="tabcontent">
<!-- АРХИВ НОВОСТЕЙ -->
<div style="text-align: center;">{archives}</div>
</div>
</div>
<script
type="text/javascript">
var
countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
</div>
</div>
</li>
</ul>
<div
class="blockfulltype1">
<h3>
Место под рекламу</h3>
<div
class="dcont">
<!-- МЕСТО ПОД РЕКЛАМУ -->
<a href="#"><img src="{THEME}/images/testbanner_393x139.jpg" /></a>
</div>
</div>
<div
class="blockfulltype2"><div class="dbtm">
<h3>
Опрос пользователей</h3>
{vote}
</div>
</div>
<ul
class="colomsside">
<li
class="cmsrightside">
<div
class="blockrighttype2">
<!-- ПАРТНЕРЫ -->
<h3>Партнеры</h3>
<div
class="dcont">
<ul
class="navs">
<li><a
href="/index.php?do=cat&category=news"><img src="{THEME}/images/testimage_138x67.png" /> </a></li>
<li><a
href="#"><img src="{THEME}/images/partners_.png" /> </a></li>
<li><a
href="#"><img src="{THEME}/images/partners_.png" /> </a></li>
<li><a
href="#"><img src="{THEME}/images/partners_.png" /></a></li>
<li><a
href="#"><img src="{THEME}/images/partners_.png" /> </a></li>
<li><a
href="#"><img src="{THEME}/images/partners_.png" /> </a></li>
УЛЫБНИТЕСЬ ))))
<div id='anekdot-layer'><script> get_anekdot(); </script>Выбираем анекдот...</div>

<a
href="http://filmosoft.com/index.php?do=rules" > <img src="/img/gurnalist2.jpg" alt="FilmoSoft.com Скачать кинофильмы бесплатно,полезные программы,компьютерные игры." border="0" /> </a>
</ul>
</div>
</div>
</li>
<li
class="cmsleftside">
<div
class="blocklefttype3"><div class="dtop"><div class="dbtm">
<div
class="dcont">
<!-- БЛОК КОНТЕКСТНОЙ РЕКЛАМЫ -->
Уважаемые посетители нашего сайта,здесь Вы можете
<strong>без регистрации</strong> <a href="/index.php?do=cat&category=film"><strong>СКАЧАТЬ КИНОФИЛЬМЫ БЕСПЛАТНО</strong></a>, <a href="/index.php?do=cat&category=mp3"><strong>СКАЧАТЬ БЕСПЛАТНО МУЗЫКУ</strong></a>, <a href="/index.php?do=cat&category=soft"> <strong> СКАЧАТЬ НОВЫЕ ПОЛЕЗНЫЕ ПРОГРАММЫ</strong></a>,<a href="/index.php?do=cat&category=game"><strong>СКАЧАТЬ КОМПЬЮТЕРНЫЕ ИГРЫ БЕСПЛАТНО</strong></a>, <strong>ОБОИ</strong> и кучу всякой всячины, которая крутится на просторах интернета. Наши списки <strong>НОВЫХ КИНОФИЛЬМОВ </strong> и всех новинок интернета постоянно пополняются.


</div>
</div></div></div>
<div
class="blocklefttype4"><div class="dbtm">
<h3>
Популярное</h3>
<div
class="dcont">
<!-- ПОПУЛЯРНОЕ -->
<tr>
<td
align="left" class="copy">{topnews}</td>
</tr>

</div>
</div></div>
</li>
</ul>







<!-- РЕКОМЕНДУЕМ -->









<div class="blockfulltype4"><div class="dbtm">
<h3>
Наши друзья и баннеры</h3>
<div
class="dcont">
<!-- Наши друзья и баннеры -->
<ul class="colomn">
{banner_musicano}
</ul>
<ul
class="colomn">
<li>
{banner_count_liveinternet} </li>
</ul>
<br />
<ul
class="colomn">
<li>
{banner_rumbler} </li>
</ul>
</div>
</div>

</div>
</li>

<li
class="centerside"><div class="centersideinn">

<div
style="padding-top: 10px; background-color: #fdfdfd;">

{info}
{content}
</ul>




</div></div>







<div
class="footbox">
<a
title="Наверх" onclick="scroll(0,0); return false" href="#"><img class="toptop" src="{THEME}/images/toptop.png" alt="Наверх" /> </a>
<div
class="bannerfootbox">
<h3>
Реклама</h3>
<a
href="http://vipzone.ws/index.php" title="3week.ru - Журнал для молодежи"><img src="{THEME}/images/test_banner.png" alt="Журнал для молодежи" /> </a>
</div>
</div>
<div
class="footer_3week">
<div
class="count">
<span
style="width: 88px;">
<!--LiveInternet counter--><!--/LiveInternet-->
</span>

</div>
<div
class="copyright">
<!-- КОПИРАЙТЫ 3week.ru -->
Файлы для обмена предоставлены пользователями сайта, администрация не несёт ответственности за<br />
их содержание. На сервере хранятся только ссылки на файлы. Это значит, что мы не храним ни каких<br />
нелегальных материалов, а так же материалов охраняемых авторским правом.
<div style="padding-top: 14px;"> <a href="/index.php">Copyright © 2009-2010 FilmoSoft Media Group All Rights Reserved.Powered by FilmoSoft Varez © 2009.</div>
</div>
</div>
<a
class="centroarts" href="http://Filmosoft.com" title="Designed by FILMOSOFT.com">Designed by FILMOSOFT.COM</a>
<h3><strong>
Скачать кинофильмы бесплатно,скачать компьютерные игры,скачать бесплатно музыку, скачать без регистрации новые фильмы,скачать игры без регистрации,скачать полезные игры,скачать полезные программы,скачать mp3 без регистрации,скачать рингтоны,скачать обои для телефонов,сайт игр, новые игры, новые программы,скачать разное,новые фильмы.</strong></h3>
</div>


<!-- begin of Top100 code -->
<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?2101608"> </script><noscript><img src="http://counter.rambler.ru/top100.cnt?2101608" alt="" width="1" height="1" border="0"/> </noscript>
<!-- end of Top100 code -->

</body>
</html>





Спустя 33 минуты, 7 секунд (23.06.2010 - 12:34) Gesandte написал(а):
Незнаю что там разваливается, в наличии только осел 8, в нем все нормально.
Ну а вообще там всю центральную часть надо переделывать. Много лишних элементов и не к месту применение списков.

Спустя 36 минут, 37 секунд (23.06.2010 - 13:11) трамонтана написал(а):
в 6

Спустя 15 минут, 58 секунд (23.06.2010 - 13:27) archibaldd написал(а):
Совершенно верно, сориии , это траблы в 6-м. Поставил 8-й , все ок. Тема закрыта .

Спустя 6 минут, 24 секунды (23.06.2010 - 13:33) Gesandte написал(а):
Вообще для 6 осла есть такая вещь как zoom: 1;
Обычно людям помогает, хотя я не адаптирую верстку под 6го осла и ее не юзал сам.
На контейнер попробуй повесить

Спустя 4 минуты, 28 секунд (23.06.2010 - 13:38) archibaldd написал(а):
Цитата
Много лишних элементов и не к месту применение списков.

Gesandte а что ты имел ввиду ? Например какие вещи там лишние, я в верстке новичёк, хотелось бы обратить на это внимание

Спустя 2 минуты, 58 секунд (23.06.2010 - 13:41) трамонтана написал(а):
Цитата (archibaldd @ 23.06.2010 - 10:27)
Совершенно верно, сориии , это траблы в 6-м. Поставил 8-й , все ок. Тема закрыта .

ап ап ап ап, какой закрыта) смена браузера разработчиком не решает данный вопрос..

..давайте решать пока не исправим biggrin.gif

Спустя 9 минут, 52 секунды (23.06.2010 - 13:51) трамонтана написал(а):
да - всё верно - .binner{zoom:1}

Спустя 15 минут, 1 секунда (23.06.2010 - 14:06) DedMorozzz написал(а):
да в топку ИЕ 6. Им пользуются только верстальшики уже.

Спустя 1 час, 14 минут, 41 секунда (23.06.2010 - 15:20) Gesandte написал(а):
archibaldd
Ну например ul.container не нужен, там и так есть div.topmmasdabody_3week. Соотвественно li.rightside и li.centerside нафих. Верстаем двухколочгый макет на div'ах


div.rightside {
width: 405px;
float: right;
}

div.centerside {
oweflov: hidden;
}


Соотвественно не надо городить кучу отступов. Да и вообще делать каркас на списках несовсем правильно.
То же самое и с содержимым правой колонки. + там внутри можно упростить, вложенность большая. Вот ul.navs там все нормально и сделано на списках.
Ну и т.д smile.gif

Спустя 3 минуты, 2 секунды (23.06.2010 - 15:23) Gesandte написал(а):
хотя.....есть такая группа людей котым пофих как там все сверстано, не расползается и ладно rolleyes.gif
А переделывать или нет смотри уж сам)

Спустя 5 минут, 29 секунд (23.06.2010 - 15:29) archibaldd написал(а):
ок, спасибо, учтём. Попробуем помудохаться )))

Спустя 16 минут, 8 секунд (23.06.2010 - 15:45) Gesandte написал(а):
удачи тада smile.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.