Jump to content
  • 0

прблема c двумя <div>-колонками в div-контейнере


Виталий
 Share

Question

Народ, подскажите плиз... Есть следующая код

#container{
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
border: 1px solid #E0E2EE;
background: #FAFCFB; - не срабатывает в FF и Opere
}

#left{
width: 75%;
padding: 5px 5px 10px 5px;
float:left;
font-size:0.9em;
border-right: 1px solid #E0E2EE;
}

#right{
width: 22%;
padding: 5px 6px 5px 0px;
float: right;
}

#footer{
width: 100%;
background: #F8F9FB;
float: left;
}

<div id="container">
<div id="left">Некоторая инфа</div>
<div id="right">Некоторая инфа</div>
<div id="footer">Подвал<div>
</div>

Так вот все чудесно, только когда я выставляю

border: 1px solid #E0E2EE;

background: #FAFCFB;

для id=container, в IE все номарльно в FF не срабатывает...

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
  yopopt said:
Уберите "float: left;" у слоя #left и #footer.

Они там незачем.

Та вроде убрал! но как теперь правый столбец подтянуть вверх?

Вроде есть способ использовать float:left (для левой div`ки) и потом margin-left: (для правой), но так тоже не получилось изменить бэкграунд контейнера

Link to comment
Share on other sites

  • 0
  Виталий said:
  yopopt said:
Уберите "float: left;" у слоя #left и #footer.

Они там незачем.

Та вроде убрал! но как теперь правый столбец подтянуть вверх?

Вроде есть способ использовать float:left (для левой div`ки) и потом margin-left: (для правой), но так тоже не получилось изменить бэкграунд контейнера

Ага! Думаю ответ найден http://www.htmlbook.ru/content/?id=97

Link to comment
Share on other sites

  • 0
  yopopt said:
В коде страницы поменяйте местами #left и #right Вот так:

<div id="container">
<div id="right">Некоторая инфа</div>
<div id="left">Некоторая инфа</div>
<div id="footer">Подвал<div>
</div>

О так даже элегантнее будет! Спасибо большое!!! осталось только выровнять два столбца по высоте... Если есть идеи, милости просим... :-)

Link to comment
Share on other sites

  • 0

3 колонки одинаковой высоты http://www.cssplay.co.uk/layouts/3cols.html#

2 колонки http://alistapart.com/d/multicolumnlayouts...ailTallest.html (в той же статье и 3, и резиново, и фиксировано http://alistapart.com/articles/multicolumnlayouts) - все уже придумано до нас - легче найти, хотя придумать интереснее

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