Проблема верстки с div в IE

papay · October 6, 2010

На данный момент есть не сколько вопросов.

1. При верстке сайта использовал такой div


<!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">
<head>
{headers}
<style type="text/css" media="all">@import url({THEME}/css/style.css);</style>
<style type="text/css" media="all">@import url({THEME}/css/engine.css);</style>
<script type="text/javascript" src="/engine/classes/tagcloud/swfobject.js"></script>
<script language="javascript" type="text/javascript" src="{THEME}/js/dtrotator.js"></script>
</head>
<body id="wrapper">
{AJAX}
[color="#FF0000"]<div align="center">[/color]
<div id="bodyblock">
<div id="topside">
    <ul id="head">
       <li><a href="#"><img src="{THEME}/img/logonwars.png" alt="Логотип. Перейти на главную." /></a></li>
       <li><a href="#"><img src="{THEME}/img/hostmarena.png" alt="Игровой хостинг, качественно, не дорого, надежно." /></a></li>
       <li><a href="#"><img src="{THEME}/img/youadmin.png" alt="Хочешь стать админом? Тогда жми." /></a></li>
       <li><a href="#"><img src="{THEME}/img/statshlx.png" alt="Статистика серверов." /></a></li>
    </ul>
</div>
<div id="rfbloc">
 <div id="bgfon">
  <div id="transparent_bg">
    <ul id="rotator">
       <li align="left">{include file="engine/modules/mx_cube_slider.php"}</li>
    </ul>
    <ul id="topnews">
	   <li class="newsblock"><p>News Блок</p></li>
       <li class="lastnews">{include file="engine/modules/mx_news_block.php"}</li>
    </ul>
  </div>
 </div>
</div>
[color="#FF0000"]<div style="background: #cccbcb; height: 5px;"></div>[/color]
<div id="navbloc">
    <ul id="prev">
       <li><img src="{THEME}/img/back.png" alt="Назад"/></li>
    </ul>
    <ul id="video">
       <li><img src="img/img.jpg" alt="Картинка"/></li>
       <li><img src="img/img.jpg" alt="Картинка"/></li>
       <li><img src="img/img.jpg" alt="Картинка"/></li>
       <li><img src="img/img.jpg" alt="Картинка"/></li>
    </ul>
    <ul id="next">
       <li><img src="{THEME}/img/next.png" alt="Далее"/></li>
    </ul>
</div>
<div align="left" id="content">
 <div id="news">
        {info}
         <br />
        {content}
</div>
</div>
<div align="left" id="side">
<div class="about">
<ul>
 <li><p>Не много о нашем сообществе:</p><br /></li>
 </ul>
 <ul class="footnote_about">
 <li><p>Наше сообщественно посвященно сетевым компьютерным играм, наша цель денести до вас свежее новости.</p><p>Так же у нашего сообщества есть свой собственный FTP сервер, на ктором вы сможите найти много интересного.</p><p>У нас вы сможите найти игравые сервера таких игр, как Counter-Strike: Source.</p></li>
 </ul>
</div>
</div>
<div align="left" id="navigation">
<div class="peakpower">
 <ul>
  <li><p>Навигация по сайту:</p><br /></li>
 </ul>
 <ul class="footnote">
 <li><p>Все самое полезное нашего сайта, вы сможите найти в этих разделах.</p></li>
 </ul>
</div>
<div class="[color="#FF0000"]b-nav[/color]">
  <ul>
   <li><a href="/soft">Главная</a></li>
   <li><a href="/video">Галерея</a></li>
   <li><a href="/wallpapers">Форум</a><br /></li>
  </ul>
  <ul>
   <li><a href="/games">FAQ</a></li>
   <li><a href="/books">Наш - RSS</a></li>
   <li><a href="/wallpapers">Статьи</a></li>
  </ul>
</div>
<div>
</div>
<div class="peakpower">
 <ul>
  <li><p>Counter-Strike: Source</p><br /></li>
 </ul>
 <ul class="footnote">
 <li><p>Многопользовательский командный шутер от первого лица, разработанный компаниями Valve и Turtle Rock Studios.</p></li>
 </ul>
</div>
<div class="b-nav">
  <ul>
   <li><a href="/soft">Статьи</a></li>
   <li><a href="/music">Мувики</a></li>
   <li><a href="/video">Звуки</a><br /></li>
  </ul>
  <ul>
   <li><a href="/games">Backgrounds</a></li>
    <li><a href="/wallpapers">Модели</a></li>
   <li><a href="/wallpapers">Карты</a></li>
  </ul>
</div>
<div class="peakpower">
<ul>
 <li><p>Counter-Strike 1.6</p><br /></li>
</ul>
 <ul class="footnote">
 <li><p>Командная компьютерная игра в жанре шутера от первого лица, изначально появившаяся как модификация игры Half-Life.</p></li>
 </ul>
</div>
<div class="b-nav">
  <ul>
   <li><a href="/soft">Статьи</a></li>
   <li><a href="/music">Мувики</a></li>
   <li><a href="/video">Звуки</a><br /></li>
  </ul>
  <ul>
   <li><a href="/games">Backgrounds</a></li>
    <li><a href="/wallpapers">Модели</a></li>
   <li><a href="/wallpapers">Карты</a></li>
  </ul>
</div>
<div class="peakpower">
<ul>
 <li><p>Day of Defeat: Source</p><br /></li>
</ul>
 <ul class="footnote">
 <li><p>В Day of Defeat игрок выбирает между двумя воюющими сторонами — вермахтом и союзниками — и шестью классами.</p></li>
 </ul>
</div>
<div class="b-nav">
  <ul>
   <li><a href="/soft">Статьи</a></li>
   <li><a href="/music">Мувики</a></li>
   <li><a href="/video">Звуки</a><br /></li>
  </ul>
  <ul>
   <li><a href="/games">Backgrounds</a></li>
    <li><a href="/wallpapers">Модели</a></li>
   <li><a href="/wallpapers">Карты</a></li>
  </ul>
</div>
</div>
<div align="left" id="monitor">
<div class="about">
<ul>
 <li><p>Монитринг игровых серверов:</p><br /></li>
 </ul>
 <ul class="footnote_about">
 <li><p>С помощью мониторинга вы сможете отслеживать любую активность наших серверов.</p></li>
 </ul>
</div>
</div>
</div>
<div align="left" id="footer">
<ul class="dash"></ul>
            <ul id="faq">
            <li>F.A.Q</li>
            <li type="square"><a href="http://www.emotionsplash.com/index.php?do=static&page=reklama">Реклама на нашем сайте!</a></li>
            <li type="square"><a href="http://www.emotionsplash.com/index.php?do=static&page=onas">Как с нами связатся?</a></li>
            <li class="text"><p>На нашем сайте есть много полезной и интересной информации из мира игровой индустрии, но больше упор мы делаем на сетевые игры, Counter Strike, Counter Strike: Source, Day of Defeat: Source, Battlefield: Bad Company 2, Call of Duty: Black Ops, Medal of Honor, Team Fortress 2. У нас вы сможите скачать видео ролики на русском языке, патчи, игры и много другое, так же мы ждем вас на нашем форуме.</p><p>Дизайн сайта оптемезирован под минимальное разрешение экрана в 1024 пиксиля по ширине.</p><p>Проверялся на коректную работу в таких браузерах как:</p>
            	<p>
                <a href="http://www.microsoft.com/" target="_blank">Intenet Explorer 8</a>,
          	<a href="http://www.mozilla-europe.org/ru/" target="_blank">Firefox 3.5.5</a>,
           	<a href="http://www.opera.com/" target="_blank">Opera 10.10</a>,
                <a href="http://www.apple.com" target="_blank">Safari</a>,
                <a href="http://www.google.ru/chrome" target="_blank">Chrome</a>.
                </p>
             </li>
          </ul>
            <ul id="bootomnv">
            <li><a href="http://www.emotionsplash.com/" target="_blank">Главная</a> | <a href="http://www.emotionsplash.com/index.php?do=static&page=onas" target="_blank">О нас</a> | <a href="http://www.emotionsplash.com/index.php?do=feedback" target="_blank">Контакты</a> | <a href="http://www.emotionsplash.com/forum/index.php?" target="_blank">Форум</a> | <a href="http://www.emotionsplash.com/index.php?do=register" target="_blank">Регистрация</a> | <a href="http://www.emotionsplash.com/index.php?do=search" target="_blank">Поиск</a></li>
</ul>
</div>
[color="#FF0000"]</div>[/color]
</body>
</html>

CSS


html,body {font-size:11px; color:#5a5a5a; font-family:tahoma; background:#262a2d; list-style:none;}
ul {text-decoration:none; list-style:none; padding: 0px 0px 0px 0px;}
img {border:0px;}
li {text-decoration:none; list-style:none; padding: 0px 0px 0px 0px;}
div {vertical-align:top; margin:0px 0px 0px 0px;}
table{border:0px; /* border="0" */border-collapse:collapse; /* cellspacing="0" */}
table td{padding:0px 0px 0px 0px; /* cellpadding="0" */}
* {margin:0; padding:0;}
form {padding:0px; margin:0px;}
h1 {letter-spacing:-1px; font-weight:normal; font-size:22px;}
textarea {border: 1px #dadada solid;}
input {font-size:11px; color:#666; padding: 3px 0 0 3px;}
button {color:#666;}

#wrapper  {
        width:expression((documentElement.clientWidth||document.body.clientWidth)<980?'980px':'');
	min-width:980px;
}

#bodyblock {overflow:hidden; background: #FFF; width:980px; margin:0px 0px 0px 0px;}

#head {overflow:hidden; float:left; width:980px; height: 100px; padding: 0 0 0 0px; margin: 0px 0 0 0px;}
#head li {float:left;}
#head a:visited,
#head a:active,
#head a:link {color:#606060; text-decoration:underline; font-size:14px;}
#head a:hover {color:#009900; text-decoration:none;}

#topside {overflow:hidden; width:980px; margin:0px; height: 100px;}
#middleside {overflow:hidden; background:#121212; width:980px; height:140px; margin: 0px;}

#logo {padding:10px 0 0 30px; float:left; width:300px; margin:0px;}

#rfbloc {overflow:hidden; background:#171717; width:980px; height:328px; margin:0px 0px 0px 0px;}
#bgfon {overflow:hidden; width:970px; height:318px; margin: 5px 5px 5px 5px;}
#transparent_bg {overflow:hidden; background-image: url(../img/moh.jpg); width:970px; height:318px; margin:0px 0px 0px 0px;}
#rotator {margin: 7px 20px 10px 10px; float:left; width:550px; overflow:hidden;}
#topnews {margin: 7px 20px 10px 0px; float:right; width:348px; overflow:hidden;}
.newsblock {background:url(../img/s5_top_h3.png); height:30px;}
.newsblock p {float:left; color:#fff; font-size:13px; font-weight:bold; margin:6px 0px 0px 15px;}
.lastnews {margin:10px 10px 10px 10px;}
.lastnews img {border: 1px solid #424242; margin: 0 10px 0 0;}
.lastnews a:visited,
.lastnews a:active,
.lastnews a:link {color:#FFA800; text-decoration:underline; font-size:11px;}
.lastnews a:hover {color:#FFA800; text-decoration:none;}
.s5_newsflash_body {margin: 0 0 0 0; color:#FFFFFF; font-size:11px;}
.s5_newsflash_body p {padding:2px 0 0 0;}
.s5_newsflash_body td {padding:0px 0px 0px 0px;}

/*Видео блок*/
#navbloc {overflow:hidden; height:170px; width:980px; background:#e6e6e6; margin:0px;}
#prev li {margin: 50px 0px 0 25px; width:70px; float: left;}
#video li {margin: 15px 0px 0 30px; float: left;}
#next li {margin: 50px 0px 0 30px; width:70px; float: left;}
/*———————————————————*/

#catnav {overflow:hidden; float:left; background:#e6e6e6; width:100%; padding: 0 0 0 10px; margin: 10px 0 0 0px;}
#catnav li {float:left; padding-right:1%;}
#catnav p {color:#757575; margin-top:-1px; margin:0px;}
#catnav p a:visited,
#catnav p a:active,
#catnav p a:link {font-size:11px; color:#757575; margin-top:-1px; margin:0px; text-decoration:none;}
#catnav p a:hover {font-size:11px; color:#009900; margin-top:-1px; margin:0px; text-decoration:underline;}
#catnav a:visited,
#catnav a:active,
#catnav a:link {color:#606060; text-decoration:underline; font-size:14px;}
#catnav a:hover {color:#009900; text-decoration:none;}

/*Блоки*/
#side {float:right; width:300px; margin: 0 20px 0 0px;}
#monitor {float:right; width:300px; margin: 0 20px 0 0px;}
#navigation {float:right; width:300px; margin: 0 20px 0 0px; padding: 0 0 0 0px; background:#f5f6f6;}
.about ul {float:left; margin: 0 0 0 0px;  background: #FFF;}
.about li {float:left; margin: 0 0 0 4px; padding: 0 0 0 0px;}
.about p {font-size:18px; text-decoration:none; margin: 6px 0 0 6px;}
.peakpower {padding: 0 0 0 0px;}
.peakpower ul {float:left; margin: 0 0 0 0px; width:300px;}
.peakpower li {float:left; margin: 0 0 0 4px;}
.peakpower p {font-size:18px; text-decoration:none; margin: 6px 0 0 6px;}
.footnote p {font-size:10px; text-decoration:none; margin: 0px 10px 10px 7px; text-decoration:underline;}
.footnote_about p {font-size:10px; text-decoration:none; margin: 0px 0 10px 7px; text-decoration:none;}
#content {padding:5px 10px 0 10px; margin:0px;}
#news {width:640px; float:left; margin: 0px 10px 0px 0px;}
[color="#FF0000"]/*Главное меню*/
.b-nav {margin: 0 0 0px 20px;}
.b-nav ul {float:left; width:45%; margin:0 0 10px 5px;}
*:first-child+html .b-nav ul {float:left; width:45%;}
.b-nav li {line-height:12px; margin:0 0 2px 0; list-style: square outside;}
.b-nav a:visited,
.b-nav a:active,
.b-nav a:link {color:#606060; text-decoration:none; font-size:12px;}
.b-nav a:hover {color:#009900; text-decoration:underline;}[/color]

Edited October 6, 2010 by papay

psywalker · October 6, 2010

1)

1. При верстке сайта использовал такой div
Код
<div style="background: #cccbcb; height: 5px;"></div>

Тут попробуй overflow:hidden; zoom:1;

2)

list-style: square outside;

Вместо list-style: используй background;

papay · October 6, 2010

Спасибо за столь быстрый ответ.

1. Помогло.

2. Попробовал, не сработало, возможно потому что в ксс, что то не так указывал.

Первый пост отредактировал и выделил красным нужный класс, который использую.

з.ы почему то вправо уехал код codebox.

psywalker · October 6, 2010

1) Где ты используешь list-style: square outside; ?

2)

<div align="center">
</div>

Неправильно. Нужно делать так: div{width: 900px; margin: 0 auto;}

papay · October 6, 2010

1.

.b-nav {margin: 0 0 0px 20px;}
.b-nav ul {float:left; width:45%; margin:0 0 10px 5px;}
*:first-child+html .b-nav ul {float:left; width:45%;}
.b-nav li {line-height:12px; margin:0 0 2px 0; [color="#FF0000"]list-style: square outside;[/color]}
.b-nav a:visited,
.b-nav a:active,
.b-nav a:link {color:#606060; text-decoration:none; font-size:12px;}
.b-nav a:hover {color:#009900; text-decoration:underline;}

2. Что то не помогло, это же надо было в ксс вносить?

Когда я в нес в ксс, стилем

div {width: 980px; margin: 0 auto;}

Все дивы поехали, в нес в главную, все заработало.

psywalker · October 6, 2010

1) Вместо вот этого list-style: square outside; пропиши background: (адрес кружка, картинки) left no-repeat;

2)

div {width: 980px; margin: 0 auto;}
Все дивы поехали, в нес в главную, все заработало.

Естественно, это я ж тебе для примера сделал. Ты всё правильно сделал.

papay · October 6, 2010

Вместо вот этого list-style: square outside; пропиши background: (адрес кружка, картинки) left no-repeat;

Так я же использую стандартные средства ксс, взятые из этого примера http://htmlbook.ru/css/list-style, я как раз и отказался от использования картинок.

2. Спасибо, просто хотел уточнить.

psywalker · October 6, 2010

Так я же использую стандартные средства ксс, взятые из этого примера http://htmlbook.ru/css/list-style, я как раз и отказался от использования картинок.

Поидее ты всё верно делаешь, попробуй zoom:1;

papay · October 6, 2010

Поидее ты всё верно делаешь, попробуй zoom:1;

не помогло.

Кстати шяс заметил, выставил выравнивание по центру как вы и предложили, везде все нормально, а в IE прижимается к левому краю.

psywalker · October 6, 2010

Поидее ты всё верно делаешь, попробуй zoom:1;
не помогло.

list-style: square inside; пробуй

Кстати шяс заметил, выставил выравнивание по центру как вы и предложили, везде все нормально, а в IE прижимается к левому краю.

Доктайп не забыл?

papay · October 6, 2010

1. Спасибо теперь помогло.

2. Использую такой

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

Возможно в нем проблема, я в них совсем плаваю, не очень понимаю разницу между 1.0 или 4.01 или как правильно.

psywalker · October 6, 2010

Покажи код, как ты выравниваешь?

Поставь такой доктайп

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

papay · October 6, 2010

Код, выделил красным див.

Может не там выставляю?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
{headers}
<style type="text/css" media="all">@import url({THEME}/css/style.css);</style>
<style type="text/css" media="all">@import url({THEME}/css/engine.css);</style>
<script type="text/javascript" src="/engine/classes/tagcloud/swfobject.js"></script>
<script language="javascript" type="text/javascript" src="{THEME}/js/dtrotator.js"></script>
</head>
<body id="wrapper">
{AJAX}
[color="#FF0000"][b]<div style="width: 980px; margin: 0 auto">[/b][/color]
<div id="bodyblock">
<div id="topside">
    <ul id="head">
       <li><a href="#"><img src="{THEME}/img/logonwars.png" alt="Логотип. Перейти на главную." /></a></li>
       <li><a href="#"><img src="{THEME}/img/hostmarena.png" alt="Игровой хостинг, качественно, не дорого, надежно." /></a></li>
       <li><a href="#"><img src="{THEME}/img/youadmin.png" alt="Хочешь стать админом? Тогда жми." /></a></li>
       <li><a href="#"><img src="{THEME}/img/statshlx.png" alt="Статистика серверов." /></a></li>
    </ul>
</div>
<div id="rfbloc">
 <div id="bgfon">
  <div id="transparent_bg">
    <ul id="rotator">
       <li align="left">{include file="engine/modules/mx_cube_slider.php"}</li>
    </ul>
    <ul id="topnews">
	   <li class="newsblock"><p>News Блок</p></li>
       <li class="lastnews">{include file="engine/modules/mx_news_block.php"}</li>
    </ul>
  </div>
 </div>
</div>
<div style="overflow:hidden; zoom:1; background: #cccbcb; height: 5px;"></div>
<div id="navbloc">
    <ul id="prev">
       <li><img src="{THEME}/img/back.png" alt="Назад"/></li>
    </ul>
    <ul id="video">
       <li><img src="img/img.jpg" alt="Картинка"/></li>
       <li><img src="img/img.jpg" alt="Картинка"/></li>
       <li><img src="img/img.jpg" alt="Картинка"/></li>
       <li><img src="img/img.jpg" alt="Картинка"/></li>
    </ul>
    <ul id="next">
       <li><img src="{THEME}/img/next.png" alt="Далее"/></li>
    </ul>
</div>
<div align="left" id="content">
 <div id="news">
        {info}
         <br />
        {content}
</div>
</div>
<div align="left" id="side">
<div class="about">
<ul>
 <li><p>Не много о нашем сообществе:</p><br /></li>
 </ul>
 <ul class="footnote_about">
 <li><p>Наше сообщественно посвященно сетевым компьютерным играм, наша цель денести до вас свежее новости.</p><p>Так же у нашего сообщества есть свой собственный FTP сервер, на ктором вы сможите найти много интересного.</p><p>У нас вы сможите найти игравые сервера таких игр, как Counter-Strike: Source.</p></li>
 </ul>
</div>
</div>
<div align="left" id="navigation">
<div class="peakpower">
 <ul>
  <li><p>Навигация по сайту:</p><br /></li>
 </ul>
 <ul class="footnote">
 <li><p>Все самое полезное нашего сайта, вы сможите найти в этих разделах.</p></li>
 </ul>
</div>
<div class="b-nav">
  <ul>
   <li><a href="/soft">Главная</a></li>
   <li><a href="/video">Галерея</a></li>
   <li><a href="/wallpapers">Форум</a><br /></li>
  </ul>
  <ul>
   <li><a href="/games">FAQ</a></li>
   <li><a href="/books">Наш - RSS</a></li>
   <li><a href="/wallpapers">Статьи</a></li>
  </ul>
</div>
<div>
</div>
<div class="peakpower">
 <ul>
  <li><p>Counter-Strike: Source</p><br /></li>
 </ul>
 <ul class="footnote">
 <li><p>Многопользовательский командный шутер от первого лица, разработанный компаниями Valve и Turtle Rock Studios.</p></li>
 </ul>
</div>
<div class="b-nav">
  <ul>
   <li><a href="/soft">Статьи</a></li>
   <li><a href="/music">Мувики</a></li>
   <li><a href="/video">Звуки</a><br /></li>
  </ul>
  <ul>
   <li><a href="/games">Backgrounds</a></li>
    <li><a href="/wallpapers">Модели</a></li>
   <li><a href="/wallpapers">Карты</a></li>
  </ul>
</div>
<div class="peakpower">
<ul>
 <li><p>Counter-Strike 1.6</p><br /></li>
</ul>
 <ul class="footnote">
 <li><p>Командная компьютерная игра в жанре шутера от первого лица, изначально появившаяся как модификация игры Half-Life.</p></li>
 </ul>
</div>
<div class="b-nav">
  <ul>
   <li><a href="/soft">Статьи</a></li>
   <li><a href="/music">Мувики</a></li>
   <li><a href="/video">Звуки</a><br /></li>
  </ul>
  <ul>
   <li><a href="/games">Backgrounds</a></li>
    <li><a href="/wallpapers">Модели</a></li>
   <li><a href="/wallpapers">Карты</a></li>
  </ul>
</div>
<div class="peakpower">
<ul>
 <li><p>Day of Defeat: Source</p><br /></li>
</ul>
 <ul class="footnote">
 <li><p>В Day of Defeat игрок выбирает между двумя воюющими сторонами — вермахтом и союзниками — и шестью классами.</p></li>
 </ul>
</div>
<div class="b-nav">
  <ul>
   <li><a href="/soft">Статьи</a></li>
   <li><a href="/music">Мувики</a></li>
   <li><a href="/video">Звуки</a><br /></li>
  </ul>
  <ul>
   <li><a href="/games">Backgrounds</a></li>
    <li><a href="/wallpapers">Модели</a></li>
   <li><a href="/wallpapers">Карты</a></li>
  </ul>
</div>
</div>
<div align="left" id="monitor">
<div class="about">
<ul>
 <li><p>Монитринг игровых серверов:</p><br /></li>
 </ul>
 <ul class="footnote_about">
 <li><p>С помощью мониторинга вы сможете отслеживать любую активность наших серверов.</p></li>
 </ul>
</div>
</div>
</div>
<div align="left" id="footer">
<ul class="dash"></ul>
            <ul id="faq">
            <li>F.A.Q</li>
            <li type="square"><a href="http://www.emotionsplash.com/index.php?do=static&page=reklama">Реклама на нашем сайте!</a></li>
            <li type="square"><a href="http://www.emotionsplash.com/index.php?do=static&page=onas">Как с нами связатся?</a></li>
            <li class="text"><p>На нашем сайте есть много полезной и интересной информации из мира игровой индустрии, но больше упор мы делаем на сетевые игры, Counter Strike, Counter Strike: Source, Day of Defeat: Source, Battlefield: Bad Company 2, Call of Duty: Black Ops, Medal of Honor, Team Fortress 2. У нас вы сможите скачать видео ролики на русском языке, патчи, игры и много другое, так же мы ждем вас на нашем форуме.</p><p>Дизайн сайта оптемезирован под минимальное разрешение экрана в 1024 пиксиля по ширине.</p><p>Проверялся на коректную работу в таких браузерах как:</p>
            	<p>
                <a href="http://www.microsoft.com/" target="_blank">Intenet Explorer 8</a>,
          	<a href="http://www.mozilla-europe.org/ru/" target="_blank">Firefox 3.5.5</a>,
           	<a href="http://www.opera.com/" target="_blank">Opera 10.10</a>,
                <a href="http://www.apple.com" target="_blank">Safari</a>,
                <a href="http://www.google.ru/chrome" target="_blank">Chrome</a>.
                </p>
             </li>
          </ul>
            <ul id="bootomnv">
            <li><a href="http://www.emotionsplash.com/" target="_blank">Главная</a> | <a href="http://www.emotionsplash.com/index.php?do=static&page=onas" target="_blank">О нас</a> | <a href="http://www.emotionsplash.com/index.php?do=feedback" target="_blank">Контакты</a> | <a href="http://www.emotionsplash.com/forum/index.php?" target="_blank">Форум</a> | <a href="http://www.emotionsplash.com/index.php?do=register" target="_blank">Регистрация</a> | <a href="http://www.emotionsplash.com/index.php?do=search" target="_blank">Поиск</a></li>
</ul>
</div>
[color="#FF0000"][b]</div>[/b][/color]
</body>
</html>

psywalker · October 6, 2010

Поставь этому диву <div style="width: 980px; margin: 0 auto"> ID, например так <div id='wrap'> и обратись к нему через CSS div#wrap {width: 980px; margin: 0 auto; position: relative;}

#wrapper {
width:expression((documentElement.clientWidth||document.body.clientWidth)<980?'980px':'');
min-width:980px;
}

И вот эта строка меня настараживает. Поставь так:

#wrapper {width: expression(document.childNodes[1].offsetWidth < 980? '980px' : '100%');

}

papay · October 6, 2010

Сделал прописал, опять то же самое, прижимается к краю и все тут.

апдейт... минутку, шяс сделаю, то что вы дописали.

————————————————————————-

Исправил #wrapper, не помогло.

Edited October 6, 2010 by papay

psywalker · October 6, 2010

Сделал прописал, опять то же самое, прижимается к краю и все тут.

Попробуй так, именно к этому селектору.

#wrapper {width: 980px; margin: 0 auto; }

papay · October 6, 2010

И опят ьне помогло, но теперь я заметил, что в других браузерах все стало ровней по отношению к центру, но не в IE, где то я в верстке накосячил...

psywalker · October 6, 2010

где то я в верстке накосячил...

Видимо да. Дай ссылку на страницу.

papay · October 6, 2010

Видимо да. Дай ссылку на страницу.

вот http://emotions.asteis.net/

тестовый хост, использую DLE, ну это если может как то помочь.

psywalker · October 6, 2010

Я даже не знаю, в чём может быть дело. Попробуй вот этому блоку прописать выравнивание #bodyblock, если не выйдет, тогда придётся всё проверять. Удалять все внутренние блоки и вставлять по одному, смотреть изменения.

sigma77 · October 6, 2010

papay,

Это скорее всего из-за выводимой ошибки

Warning: php_uname() has been disabled for security reasons in /var/www/emotions.asteis.net/www/engine/classes/templates.class.php on line 114 Warning: php_uname() has been disabled for security reasons in /var/www/emotions.asteis.net/www/engine/classes/templates.class.php on line 114

Он вставляется перед доктайпом, а ИЕ очень не любит этого. Поэтому и клинит его.

papay · October 6, 2010

Я даже не знаю, в чём может быть дело. Попробуй вот этому блоку прописать выравнивание #bodyblock, если не выйдет, тогда придётся всё проверять. Удалять все внутренние блоки и вставлять по одному, смотреть изменения.

не помогло, ну что ж, завтра буду все удалять и проверять, спасибо за помощь, во многом помог

to sigma77

Спасибо за наводку, проверю её тоже.

Edited October 6, 2010 by papay

psywalker · October 6, 2010

papay,
Это скорее всего из-за выводимой ошибки
Он вставляется перед доктайпом, а ИЕ очень не любит этого. Поэтому и клинит его.

Да кстати, тоже хотел заметить.

papay · October 8, 2010

Да проблема оказалась именно в этих ошибках, все выравнивается как надо, спасибо

psywalker · October 8, 2010

Да проблема оказалась именно в этих ошибках, все выравнивается как надо, спасибо

Ну и отлично, тогда мы спокойны

Sign In

Проблема верстки с div в IE

Question

Link to comment

Share on other sites

24 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information