Jump to content
  • 0

Смещение блока в IE6


VatSeek
 Share

Question

Стандартно это делается через указание в CSS левого и центрального поля - плавающим {float:left}

и если в блоках находится простой текст без какого любым форматированием все срабатывает, кроме той ситуации когда текст выравнивается по ширине (alligne="justify")? тогда и начинаются проблемы в IE 6.0, третий блок переносится в следующую строку, хотя в остальных браузерах все нормально

Как сделать так чтобы все блоки располагались в строчку, независимо от того какой формат контента в них?

Вот рисунок:

ris.jpg

А вот код:

 <div class="conteiner_main"  align="center">
<div class="content_conteiner">
<div class="left_column"><p>Три кита системы <strong>WWW</strong>:</p></div>
<div class="main_conteiner">
<!-- Основной текст-->
<p align="justify">Всемирная компьютерная сеть <strong>Іnternet</strong> никогда не смогла бы стать такой популярной, если бы не появилась в 1991 году новая система, которую назвали <strong>World Wіde Web</strong> <em>(WWW)</em></p>
<p align="left">Три кита системы <strong>WWW</strong>:</p>
<ul>
<li>Язык гипертекстовой разметки <strong>HTML</strong>. </li>
<li>Протокол обмена гипертекстовой информацией. </li>
<li>Универсальный способ адресации ресурсов <strong>URL</strong>. </li>
</ul>
<!-- Конец основного текста -->
</div>
<div class="right_column" align="left"><p>Три кита системы <strong>WWW</strong>:</p></div>
</div>
</div>

И CSS этого отрывка

.content_conteiner {
width: 920px;
background-color: #ffffff;
height: auto;
overflow:auto;
display:inline-block;
}
.left_column {
background-color: #797979;
width: 180px;
float: left;
}
.right_column {
background-color: #797979;
width: 180px;
float: right;
}
.main_conteiner {
float:left;
height: 100%;
width: 560px;

background-color: #6a6a6a;
}

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

хм, а зачем столько коннтейнеров? :)

Попробуй всем блокам left, .content_conteiner - overflow: hidden; и zoom: 1;

Можт прокатит

А вообще пора забивать на 6 осла, глядиш быстрее этим говном перестанут пользоваться

Link to comment
Share on other sites

  • 0

Делай стандартный трёх колоночный.

В потоке пусть идут две боковых колонки, им по float: left, float:right задавай и ширину. Далее контент-колонка, ей zoom:1; и overflow: hidden;

Edited by psywalker
Link to comment
Share on other sites

  • 0
А давайте погадаем, о чем Вы именно... Как догадаемся, ваша очередь будет угадывать, о чем мы.

psywalker писал : Делай стандартный трёх колоночный, В потоке пусть идут две боковых колонки, им по флоату задавай. Далее контент-колонка, если Зум1 и оверфлоу: Хидден

так вот что это за свойство zoom и куда его лепить?

Link to comment
Share on other sites

  • 0
psywalker писал : Делай стандартный трёх колоночный, В потоке пусть идут две боковых колонки, им по флоату задавай. Далее контент-колонка, если Зум1 и оверфлоу: Хидден

так вот что это за свойство zoom и куда его лепить?

Берем, значить, одеваем мозг и далее:

Псайволкер черным по белому написал, куда и что надо применить. Вот просто по очереди слово за словом почитайте. Что непонятно, слово это в поисковик.

Link to comment
Share on other sites

  • 0

Поправил пост, может понятнее будет :)

Делай стандартный трёх колоночный.

В потоке пусть идут две боковых колонки, им по float: left, float:right задавай и ширину. Далее контент-колонка, ей zoom:1; и overflow: hidden;

Link to comment
Share on other sites

  • 0
Поправил пост, может понятнее будет B)

B) ну да спасибо, но проблема была не в том что я не могу перевести на англицкий эти свойства ... а в том что я не нашел что за свойство zoom и к какому элементу его следует относить ...

Ну да и ладно, все равно задачка уже решилась ... Огромное спасибо gesandte и psywalker, которые старались помочь ...

P.S. Отдельное спасибо Justnewone, ваши остроумные замечания, ну очень помогают, при решении задачи ....

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