Jump to content
  • 0

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


Mary_RND
 Share

Question

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

Везде все отлично кроме ИЕ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;
}

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0
  Mary_RND said:
Никто не подскажет?

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

<!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>

Link to comment
Share on other sites

  • 0

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

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy