Две выпадающие колонки в строку

[sansara0891]

Здравствуйте! Извините что не по теме, но уже сил нет бороться. НЕ могу выравнять два блока в одну строку. Помогите, пожалуйста. Вот ссылка на эти блоки. http://pr.incanto-it.by/1.html

 

[Rash]

И это не удивительно)) В контейнере id="slider_fed" вы задаете ширину "width: 508px;", тогда же как сами оба блока class="header_fed" имеют ширину "width: 488px;" 

[sansara0891]

И это не удивительно)) В контейнере id="slider_fed" вы задаете ширину "width: 508px;", тогда же как сами оба блока class="header_fed" имеют ширину "width: 488px;" 

но если даже поставить 1200, блоки пустить в одну строку можно, но выпадающие колонки сдвигаются. Вот в этом и проблема, не могу никак сделать как нужно..

[mishanya]

но если даже поставить 1200, блоки пустить в одну строку можно, но выпадающие колонки сдвигаются. Вот в этом и проблема, не могу никак сделать как нужно..

 

.slider_fed {
  width: 508px;
  color: #666666;
  font-family: Georgia;
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
}

<div id="intro">
<p>
</p><div class="slider_fed">
 <div class="header_fed" id="1-header_fed">Первый блок</div>
 <div class="content_fed" id="1-content_fed" style="display: none;">
 <div class="text_fed">
 Содержимое блока.
 </div>
 </div>
</div>

<div class="slider_fed">
 <div class="header_fed" id="2-header_fed">Второй блок</div>
 <div class="content_fed" id="2-content_fed" style="display: none;">
 <div class="text_fed">
 Содержимое блока.
 </div>
 </div>

</div>
<p></p>
</div>

Изменено 21 июля, 2015 пользователем mishanya

[sansara0891]

 

.slider_fed {
  width: 508px;
  color: #666666;
  font-family: Georgia;
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
}

<div id="intro">
<p>
</p><div class="slider_fed">
 <div class="header_fed" id="1-header_fed">Первый блок</div>
 <div class="content_fed" id="1-content_fed" style="display: none;">
 <div class="text_fed">
 Содержимое блока.
 </div>
 </div>
</div>

<div class="slider_fed">
 <div class="header_fed" id="2-header_fed">Второй блок</div>
 <div class="content_fed" id="2-content_fed" style="display: none;">
 <div class="text_fed">
 Содержимое блока.
 </div>
 </div>

</div>
<p></p>
</div>

но таким методом не работают выпадающие блоки(

[Maksclub]

они работают... просто выпадают справа/слева... по-другому... поправьте еще и там стили

 

попробуйте так:

<div id="intro">
<div class="slider_fed">
 <div id="1-header_fed" class="header_fed">Первый блок</div>
 <div id="1-content_fed" class="content_fed" style="display: none;">
 <div class="text_fed">
 Содержимое блока.
 </div>
 </div>
</div>

<div class="slider_fed">
  <div class="header_fed" id="2-header_fed">Второй блок</div>
 <div style="display: none;" class="content_fed" id="2-content_fed">
 <div class="text_fed">
 Содержимое блока.
 </div>
 </div>
</div>

</div>

.slider_fed {
    float: left;
    font-family: Georgia;
    font-size: 20px;
}

Изменено 21 июля, 2015 пользователем Maksclub

[Maksclub]

 ОЙ, так не будет работать скорее всего... я класс на id сменил...

Изменено 21 июля, 2015 пользователем Maksclub