Jump to content
  • 0

Проблема с float в IE 6-7


Palomnik
 Share

Question

Позвольте вопрос по верстке. Проблема с float в IE 6-7. Есть макет сайта, имеющий структуру, как на схеме (упрощенно). Суть в том, что в в div основного контента вставлены два дива, один из которых, по замыслу должен быть пристыкован к левому краю, второй, соотоветственно к правому. Внутри каждого пристыкованного дива находится таблица для структурирования контента.

Для левого пристыкованного прописано align:left; float:left, для правого, соответственно align:right ; float:right.

Во всех браузерах отображается нормально, кроме IE 6-7. В IE 6-7 текст не обтекает внутренние диву и "спускается" ниже, а между внутреннними дивами отображается пустое поле. Как решить проблему? Спасибо.

maket_13323382_7_5k94t13bwm.gif

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

не знаю, а какой у вас код то?

это может происходить из-за того, что у вас контентные таблица и див растягиваются на 100%

а может быть вы используете clear:both; в контенте

Link to comment
Share on other sites

  • 0

не знаю, а какой у вас код то?

это может происходить из-за того, что у вас контентные таблица и див растягиваются на 100%

а может быть вы используете clear:both; в контенте

Да, действительно, контентные таблица и див растягиваются на 100%, а каким образом это влияет на float?

...

clear:both - нету...

эксперементируйте с <div style="clear:both:"></div>

или выложите сюда код

Если я правильно понимаю, то clear: none | left | right | both | inherit применяется для отмены обтекания float ... ? Но мне надо наоборот чтобы было обтекание...

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