Растянуть div по ширине родителя, который ведет себя как inline

Тема в разделе "Веб-дизайн", создана пользователем ercalote, 7 мар 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. ercalote

    ercalote Постоялец

    Регистр.:
    27 мар 2008
    Сообщения:
    86
    Симпатии:
    21
    Нужна помощь по CSS.

    Есть два div'a.

    Один имеет фиксированную ширину, второй находится справа от первого и заполняет все оставшееся пространство экрана.

    Чтобы второй растягивался делаю его display:block.

    Но из-за этого, он переходит на строку ниже первого. Т.е. ему нужен display:inline.

    В тоже время display:inline-block не растягивает div по ширине родителя.

    Вопрос: как добиться одновременного выполнения свойств inline и block?
     
  2. mdss

    mdss ♖♘♗♕♔♗♘♖

    Moderator
    Регистр.:
    20 фев 2007
    Сообщения:
    1.130
    Симпатии:
    668
    не проще с отрицательными полями сверстать и не мучаться?
     
  3. ercalote

    ercalote Постоялец

    Регистр.:
    27 мар 2008
    Сообщения:
    86
    Симпатии:
    21
    Удалось сделать без них. Может пригодится кому.

    CSS:
    Код:
    #container {
    	display:block;
    	height:200px;
    	overflow:hidden;
    }
    
    #firstPart {
    	float:left;
    	width:400px;
    	height:200px;
    	background: url('../i/left.jpg') no-repeat;
    }
    
    #secondPart {
    	display:block;
    	height:200px;
    	margin:0 0 0 400px;
    	background:url('../i/right.jpg') repeat-x;
    }
    HTML:
    Код:
    	<div id="container">
    		<div id="firstPart"></div>
    		<div id="secondPart"></div>
    	</div>
     
  4. mouzesrus

    mouzesrus Создатель

    Регистр.:
    27 окт 2008
    Сообщения:
    11
    Симпатии:
    0
    в основе свой только фиксированные блоки обычно работают - так что настривайте более точно указывая ширину блоков.
     
  5. azmarin

    azmarin Писатель

    Регистр.:
    4 фев 2008
    Сообщения:
    4
    Симпатии:
    0
    хм

    сталкивался с такой же проблемой, правда не помню как разршил сей вопрос...
     
Статус темы:
Закрыта.