Помогите неправельное отображение в IE

maks-master · September 15, 2009

Привет всем хочу представить мою верстку

я никогда не подгонял ни под какие либо браузеры и вот столкнулся с такой проблемой неправильное отображение а точнее пропали линии (картинки) или стукните в аську буду рад 452871236

Помогите пожалуйста !Прикрепил фото на то что нужно и на то что получилось

http://s43.radikal.ru/i099/0909/45/be00313b82f5.jpg

http://i023.radikal.ru/0909/ac/a046b8df8544.jpg

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">

<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>MovieAvi.ru</title>
  <meta name="description" content="Лучший архив видео файлов. Самое лучшее видео. Здесь вы можете скачать видео бесплатно.">
  <meta name="keywords" content="бесплатно, качественное, удивительное, видео, скачать" >
  <link rel="stylesheet" type="text/css" href="style.css" media="all" />
  <!--[if IE 6]>
<style type="text/css">
.content {height:expression(((document.documentElement.clientHeight || document.body.clientHeight) < 1100)? "auto":"1100px");}
</style>
<![endif]-->
</head>

<body>

<div id="header">

<div class="search">
  <form name="search_bar" action="" method="get"> 
    <input class="button" type="image" src="images/search.jpg" name="search" alt="Поиск"/>
    <input class="field" name="searchword"  maxlength="50" alt="search" type="text" value="Введите название фильма" onblur="if(this.value=='') this.value='Введите название фильма';" onfocus="if(this.value=='Введите название фильма') this.value='';"/>
  </form> 
</div>

</div>


<div id="main">

  <div id="leftcol">

<div class="module">
      <div class="b-t"><div><div></div></div></div>
      <div class="in">
    <h3>Главная</h3>
    <ul>
      <li><a href="#">Мультфильмы</a><span>50</span></li>
      <li><a href="#">Детектив</a><span>541</span></li>
      <li><a href="#">Катастрофа</a><span>48</span></li>
      <li><a href="#">Исторический</a><span>4</span></li>
      <li><a href="#">Драма</a><span>78</span></li>
      <li><a href="#">Мелодрама</a><span>12</span></li>
      <li><a href="#">Ужасы</a><span>78</span></li>
      <li><a href="#">Боевик</a><span>87</span></li>
      <li><a href="#">Триллер</a><span>213</span></li>
      <li><a href="#">Комедия</a><span>54</span></li>
      <li><a href="#">Военный</a><span>78</span></li>
      <li><a href="#">Криминал</a><span>87</span></li>
      <li><a href="#">Семейный</a><span>1</span></li>
    </ul>
    <a href="#" class="all">Все категории</a><span>1331</span>
      </div>
    <div class="b-b"><div><div></div></div></div>
    </div>

    <div class="module">
      <div class="b-t"><div><div></div></div></div>
      <div class="in">
    <h3>Главная</h3>
    <ul>
      <li><a href="#">Мультфильмы</a><span>50</span></li>
      <li><a href="#">Детектив</a><span>541</span></li>
      <li><a href="#">Катастрофа</a><span>48</span></li>
      <li><a href="#">Исторический</a><span>4</span></li>
      <li><a href="#">Драма</a><span>78</span></li>
      <li><a href="#">Мелодрама</a><span>12</span></li>
      <li><a href="#">Ужасы</a><span>78</span></li>
      <li><a href="#">Боевик</a><span>87</span></li>
      <li><a href="#">Триллер</a><span>213</span></li>
      <li><a href="#">Комедия</a><span>54</span></li>
      <li><a href="#">Военный</a><span>78</span></li>
      <li><a href="#">Криминал</a><span>87</span></li>
      <li><a href="#">Семейный</a><span>1</span></li>
    </ul>
    <a href="#" class="all">Все категории</a><span>1331</span>
      </div>
    <div class="b-b"><div><div></div></div></div>
    </div>

    <div class="banner"><a href="#"><img src="images/banner.jpg" alt="HQ Video" /></a></div>
  </div>

<div id="rightcol">
<div class="module">
      <div class="b-t"><div><div></div></div></div>
      <div class="in">
    <h3>Главная</h3>
    <ul>
      <li><a href="#">Мультфильмы</a><span>50</span></li>
      <li><a href="#">Детектив</a><span>541</span></li>
      <li><a href="#">Катастрофа</a><span>48</span></li>
      <li><a href="#">Исторический</a><span>4</span></li>
      <li><a href="#">Драма</a><span>78</span></li>
      <li><a href="#">Мелодрама</a><span>12</span></li>
      <li><a href="#">Ужасы</a><span>78</span></li>
      <li><a href="#">Боевик</a><span>87</span></li>
      <li><a href="#">Триллер</a><span>213</span></li>
      <li><a href="#">Комедия</a><span>54</span></li>
      <li><a href="#">Военный</a><span>78</span></li>
      <li><a href="#">Криминал</a><span>87</span></li>
      <li><a href="#">Семейный</a><span>1</span></li>
    </ul>
    <a href="#" class="all">Все категории</a><span>1331</span>
      </div>
    <div class="b-b"><div><div></div></div></div>
    </div>
<div class="module">
      <div class="b-t"><div><div></div></div></div>
      <div class="in">
    <h3>Главная</h3>
    <ul>
      <li><a href="#">Мультфильмы</a><span>50</span></li>
      <li><a href="#">Детектив</a><span>541</span></li>
      <li><a href="#">Катастрофа</a><span>48</span></li>
      <li><a href="#">Исторический</a><span>4</span></li>
      <li><a href="#">Драма</a><span>78</span></li>
      <li><a href="#">Мелодрама</a><span>12</span></li>
      <li><a href="#">Ужасы</a><span>78</span></li>
      <li><a href="#">Боевик</a><span>87</span></li>
      <li><a href="#">Триллер</a><span>213</span></li>
      <li><a href="#">Комедия</a><span>54</span></li>
      <li><a href="#">Военный</a><span>78</span></li>
      <li><a href="#">Криминал</a><span>87</span></li>
      <li><a href="#">Семейный</a><span>1</span></li>
    </ul>
    <a href="#" class="all">Все категории</a><span>1331</span>
      </div>
    <div class="b-b"><div><div></div></div></div>
    </div>
  </div>

  <div id="maincol">
  <div class="b-t"><div><div></div></div></div>
      <div class="in">

    <div class="catalog clear">
       <h3>Новинки</h3>
        <ul>

                            <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li>
                            <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li>
                            <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li>
                            <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li>


                        </ul>

                        <ul>

                            <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li>
                            <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li>
                            <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li>
                            <li><a href="inner.html"><img src="images/video.jpg" alt="" /><em>Рука на счастье</em><small>Криминал, Комедия</small></a></li>


                        </ul>



                    </div><!--/ catalog -->

                    </div>
    <div class="b-b"><div><div></div></div></div>
  </div>



</div>


<div id="footer">© 2008 Movieavi.ru
</div>

</body>

</html>

* {margin:0; padding:0;}
body {min-width: 1100px;}
img { border:none; }
#header {
background:#424E40 url(images/logo.jpg) 15px center no-repeat;
height:70px;
}

/* Шрифт, фон */
html {
background:#f5f5f5;
}

.search {position: absolute; top: 21px; right: 15px; width: 310px;}

#header .search .field {
background:url(images/input.jpg) center no-repeat;
border:none;
height:22px;
width:185px;
margin-top:2px;
padding-top:2px;
padding-left:5px;
}

#header .search .button {
float:right;
margin-left:0;
}

#main {
padding:16px;
}

#leftcol, #maincol {
float:left;
}
#leftcol, #rightcol {
width:15%;
}
#rightcol {
float:right;
}
#maincol {
padding:0 10px;
text-align:center;
}

.module {
margin-bottom:15px;
background:#ffffff;
}
.module ul, .module h3 {
text-align:left;
}


.module a {
text-decoration:none;
font-weight:bold;
color:#000000;
font-size:1.05em;
}
.module li {
list-style:none;
padding-top:3px;
padding-bottom:5px;
border-top:#999999 solid 2px;
background:#ffffff;
}

.module li a {
font-size:1.05em;
color:#000000;
font-weight:normal;
}

.module li a:hover {
color:#FF8A19;
}

.module li span {
float:right;
margin-top:-20px;
}
.all
{
float:left;
}

.banner {
text-align:center;
margin-top:20px;
}

.catalog h3 {padding: 5px 0; color: #000; text-align: left; font: bold 16px Arial, Helvetica, sans-serif}

.catalog ul {}
.catalog ul li {display:block; float: left; width:204px;}
.catalog ul li a {display: block; overflow: hidden; border: 0px dashed #c9c9c9; text-decoration: none; margin:auto; padding: 5px 0 5px; width:100%; }
.catalog ul li a:hover {text-decoration: none;  }
.catalog ul li a:hover em {color: #2ab5d8}
.catalog ul li em { font-weight:bold; display: block; overflow:hidden; margin: 5px 0 5px; color: #6A9B00; font-style: normal; font-size: 1em; width:80%;}

.catalog ul li small {display: block; color: #FE8300; font-size: .9em; text-decoration:underline; width:80%;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
.clear {display: inline-block;}
.clear {display: block;}

.b-t, .b-t div, .b-b, .b-b div {height: 4px; overflow: hidden; background:url(images/c.png) no-repeat}

.b-t {padding-left: 4px; background-position: 0 0}
.b-t div {padding-right: 4px; background-position: 100% -4px}
.b-t div div {height: 3px; background: #fff; border-top: 1px solid #CCC;  }

.b-b {padding-left: 4px; background-position: 0 -12px}
.b-b div {padding-right: 4px; background-position: 100% -8px}
.b-b div div {height: 3px; background: #fff; border-bottom: 1px solid #CCC; }
.in {padding: 10px; border: 1px solid #cecccc; border-top: 0; border-bottom: 0;  text-align: center}

#footer {
background:#424E40 url(images/index3_22.jpg) center no-repeat;
height:55px;
margin-top:1050px;
text-align:center;
padding-top:12px;
color:#FFFFFF;
}

Edited September 15, 2009 by maks-master

Sign In

Помогите неправельное отображение в IE

Question

maks-master

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information