Как всегда ИЕ6 и три колонки..

Mary_RND · March 30, 2010

Есть три колонок

Везде все отлично кроме ИЕ6, на 1280 нормально,но стоит свернуть до 1024 и блок navigation наезжает на content

Хотя не другом сайте моем же точно так же устроено и нормально все

В чем ошибка?

html


<div id="wrapper">
  <div id="wrapper_r">
     <div id="content">

       <div class="block_proiz"><img src="i/big_img.jpg" height="273px" width="401px"/></div>
         <p>Жестокая. Красный волк и Серая шапочка.</p>
         <p>-Ну что, - сказала Красная шапочка волку, - Может, не будем разводить эту канитель про большие уши, большой нос и большие зубы, а быстро с этим закончим?</p>
         <p>-Ээээ... - недоуменно протянул волк и на всякий случай решил свериться со сценарием. - Разве ТЫ должна говорить эти фразы?</p>
         <p>Маленькая кавайная девочка улыбнулась, доставая спрятанный за спиной огромный тесак...</p>
         <p>- Существуют альтернативные миры, пушистик, - промурлыкала она через некоторое время, дожевывая последний кусочек и отплевываясь от застрявшей в зубах шерсти...</p>
         <a href="#" id="all">подробнее</a>
     </div>
  </div>
</div>

<div id="navigation">
    <h3>Новости</h3>
	<div id="news_r">
	  <dl>
	      <dt>27 февраля 2010</dt>
	          <dd>Peugeot открывает год своего 200-летия тройной победой моделей 3008 и 5008</dd>
	          <dd class="img"><img src="i/news1.jpg" height="145px" width="194px"/></dd>
	  </dl>

	  <dl>
	      <dt>27 февраля 2010</dt>
	         <dd>Государственная Дума уточнила порядок исчисления убытков по ОСАГО </dd>
	         <dd class="img"><img src="i/news2.jpg" height="145px" width="194px"/></dd>
	  </dl>

	  <dl>
	     <dt>27 февраля 2010</dt>
	        <dd>Государственная Дума уточнила порядок исчисления убытков по ОСАГО </dd>
	  </dl>
	  <a href="#" id="all_news">все новости</a>
        </div>
</div>

<div id="extra">
   <h3>Меню</h3>
	<div id="menu_l">
	  <a href="#"><img src="i/menu1.jpg" height="180px" width="200px"/></a>
	  <a href="#"><img src="i/menu1.jpg" height="180px" width="200px"/></a>
	  <a href="#"><img src="i/menu1.jpg" height="180px" width="200px"/></a>

	  <a href="#" id="all_menu">все меню</a>
	</div>
</div>

css


#index #wrapper  {
  float: left;
  width: 100%;
  margin-top: -155px;
  background: url(../i/bg_left_wrap_i.gif) repeat-y left top;
  }

#index #wrapper_r {
  width: 100%;
  float: left; 
  background: url(../i/bg_right_wrap_i.gif) repeat-y right top;
  }

#index #content {
  margin: 160px 300px 0 300px;
  padding: 0 0 0px 0;
  min-height: 700px;
  height: 700px;
  }

#index #navigation {
  float:left;
  width: 200px;
  margin-top: -25px;
  margin-left:-94%;
  }

*html #index #navigation {
  margin-left:-69%;
  }/*на 1280 нормально стоит свернуть до 1024 и поле наезжает на сонтент*/

#index #extra {
  float:left;
  width: 200px;
  margin-top: -25px;
  margin-left: -270px;
  }

psywalker · March 30, 2010

попробуй zoom:1;

Mary_RND · March 30, 2010

Не помогло><

Его ж в проблемный блок сунуть надо?

psywalker · March 30, 2010

Не помогло><
Его ж в проблемный блок сунуть надо?

Попробуй разным блокам подставить, вообще всему живому в конце)

Mary_RND · March 30, 2010

не хочет он зараза><

psywalker · March 30, 2010

Покажи скриншот того, что хочешь получить в итоге.

Mary_RND · March 30, 2010

что должно быть

а что получается

В ИЕ6 на 1280 норм, на 1024 вот такая гадость получается

Mary_RND · March 31, 2010

Никто не подскажет?

psywalker · March 31, 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3 Колонки</title>
<style type="text/css">
	*{ margin: 0; padding: 0;}
	body { min-width: 700px;}

	div.left,
	div.right { float: left; background: red; width: 300px;}
	div.right { float: right;}

	div.content { overflow: hidden; background: blue;}
</style>

<!--[if IE 6]>
<style type="text/css">

	body {width:expression(document.documentElement.clientWidth < 960 ? "960px" : "auto");}

	div.left { margin-right: -3px;}
	div.right {margin-left: -3px;}

	div.content {zoom: 1;}
</style>
<![endif]-->

</head>

<body>

	<div class="left">LEFT</div>
	<div class="right">RIGHT</div>
	<div class="content">CONTENTВы, как веб-разработчик, должны дорожить каждой минутой своего драгоценного времени, а не тратить его на «повторное изобретение колеса». Совсем необязательно из раза в раз создавать одни и те же макеты веб-страниц сайта, когда можно использовать готовые.

Готовые шаблоны хороши как раз тем, что для получения конечного результата достаточно внести в них незначительные корректировки и конечный продукт готов. При этом экономится уйма времени, которое, как известно, деньги!</div>


</body>
</html>

Mary_RND · March 31, 2010

Забыла отписатся, что переделала все)

Спасибо) Забавно, что так я и сделала структуру

Просто не понятно почему на одном работает сайте, а на другом нет

Sign In

Как всегда ИЕ6 и три колонки..

Question

Mary_RND

Link to comment

Share on other sites

9 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Mary_RND

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Mary_RND

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Mary_RND

Link to comment

Share on other sites

Mary_RND

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Mary_RND

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information