Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.07.2012, 11:54
Аспирант
Отправить личное сообщение для bayrach Посмотреть профиль Найти все сообщения от bayrach
 
Регистрация: 16.01.2011
Сообщений: 71

Ширина в процентах и margin
Есть контейнер произвольной ширины, внутри которого допустим 3 дива с inline-block с шириной по 33.33%, но у каждого этого дива есть margin-left значение из-за которого естественно 3-й див "падает". Вопрос: можно ли средствами css решить эту проблему, чтоб 3-й див не падал, т.к. не хочется выставлять ширину на js?
Ответить с цитированием
  #2 (permalink)  
Старый 27.07.2012, 12:02
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,577

Не знаю чего ты хочешь(очевидно что 3 * 33.33 = 99.99 и margin'y тут негде встрять ), но попробуем сыграть в телепата: помести внутрь дивов с 33.33% по ещё одному div, уже к оному применяй стили и задавай margin.
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 27.07.2012, 12:02
Аватар для Serg_pnz
Сам по себе
Отправить личное сообщение для Serg_pnz Посмотреть профиль Найти все сообщения от Serg_pnz
 
Регистрация: 09.06.2009
Сообщений: 963

Искал - не нашел. Как вариант обрамить в таблицу.
Ответить с цитированием
  #4 (permalink)  
Старый 27.07.2012, 12:03
Аватар для Serg_pnz
Сам по себе
Отправить личное сообщение для Serg_pnz Посмотреть профиль Найти все сообщения от Serg_pnz
 
Регистрация: 09.06.2009
Сообщений: 963

Aetae,
он хочет 100%/3-15px средствами css
Ответить с цитированием
  #5 (permalink)  
Старый 27.07.2012, 12:15
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,577

Ну в css3 есть calc() =)

А так, усё равно не улавливаю проблемы:


<style>
div{height:200px;background:#fdd}
div.l2 {float:left;width:33.33%;background:#ddf} 
div.l3 {margin: 0 15px;background:#0fd}
</style>
<div style="width:100%">
  <div class="l2">
    <div class="l3">
    </div>
  </div>
  <div class="l2">
    <div class="l3">
    </div>
  </div>
  <div class="l2">
    <div class="l3">
    </div>
  </div>
</div>
__________________
29375, 35
Ответить с цитированием
  #6 (permalink)  
Старый 27.07.2012, 12:15
Аспирант
Отправить личное сообщение для bayrach Посмотреть профиль Найти все сообщения от bayrach
 
Регистрация: 16.01.2011
Сообщений: 71

Serg_pnz, да именно этого и хочу . Aetae, да, вложенный див тоже решает эту проблему
Ответить с цитированием
  #7 (permalink)  
Старый 27.07.2012, 12:17
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

<style>
    .wrap {
        display: table;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 15px 0;
        width: 100%;
    }
    .wrap div {
        display: table-cell;
        border: 1px solid #000;
        margin-left: 15px;
    }
</style>
<div class="wrap">
   <div>1</div>
   <div>2345345</div>
   <div>3</div>
   <div>4</div>
</div>
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #8 (permalink)  
Старый 27.07.2012, 14:34
Аватар для Serg_pnz
Сам по себе
Отправить личное сообщение для Serg_pnz Посмотреть профиль Найти все сообщения от Serg_pnz
 
Регистрация: 09.06.2009
Сообщений: 963

Aetae, devote, ну где вы раньше были! Спасибо большое!!!
Ответить с цитированием
  #9 (permalink)  
Старый 27.07.2012, 16:09
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Есть ещё white-space: nowrap, чтобы ничего не "падало"
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменяемая ширина колонок PropertyGrid Black_Prince ExtJS 1 18.10.2011 15:30
Изменяется ширина формы Black_Prince ExtJS 0 20.07.2011 10:42
Помогите с калькулятором piton1175 AJAX и COMET 0 16.06.2011 14:29
Ширина таблицы Syltan (X)HTML/CSS 1 01.05.2010 22:33
margin и IE6 micscr (X)HTML/CSS 6 17.01.2010 18:28