Съезжает div при изменении размера браузера

@jonni · Регистрация: 03.03.2010

Author24 — интернет-сервис помощи студентам

К сожалению не разбираюсь в верстке. Помогите пожалуйста! Требуется вывести в одну строчку 3 div, чтобы получить вид представленный во вложенной картинке. Нашел такой вариант, вроде работает, но при изменении размера браузера блоки съезжают и становятся в столбик. Как можно это исправить? Спасибо заранее..

css:

HTML5

.row_div
 {
 float:left;
 padding-left:30px;
 padding-right:30px;
 
 }

html:

HTML5

<div class="row_div">
<p>item1</p>
<p>item2</p>
<p>item3</p>
</div>
<div class="row_div">
<p>item4</p>
<p>item5</p>
<p>item6</p>
</div>
<div class="row_div">
<p>item7</p>
<p>item8</p>
<p>item9</p>
</div>

@necro · 06.02.2012, 18:48

у меня не съежает, вывод: нужно больше кода.

@jonni · 06.02.2012, 20:37 **[ТС]**

HTML5

<table width="100%" border="0">
  <tr>
    <td width="20%" >Первая ячейка;</td>
    <td width="60%" >
    <div class="row_div">
<p>item1</p>
<p>item2</p>
<p>item3</p>
</div>
<div class="row_div">
<p>item4</p>
<p>item5</p>
<p>item6</p>
</div>
<div class="row_div">
<p>item7</p>
<p>item8</p>
<p>item9</p>
</div>
      <div class="row_div">
 
      <asp:DropDownList ID="marka_selector" runat="server" Width="160px">
      </asp:DropDownList> 
  <p>
      <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" /> </p>
  </div>
 
      <asp:ListView ID="list1" runat="server" DataSourceID="SqlDataSource1" 
            onitemdatabound="list1_ItemDataBound" >   
  <LayoutTemplate>
  <div class="PrettyGrid">
  <table width="100%"  border="0">  
  
  <tr id="itemPlaceholder" runat="server"></tr>
 
  </table>
    </div>
  </LayoutTemplate>

Далее идет <ItemTemplate> компонента listView, думаю они роли не играет. Или играет?

Добавлено через 1 час 2 минуты
Никто не может подсказать?

Добавлено через 30 минут
Помогла структура такого рода
css

HTML5

.container {width: 600px;}
.q {width: 200px; float: left;}
.w {width: 200px; float: left;}
.z {width: 200px; float: left;}

html

HTML5

<div class="container">
<div class="q">dfd</div>
<div class="w">ghh</div>
<div class="z">dga2h</div>
</div>

@necro 36 / 36 / 3 Регистрация: 26.09.2009 Сообщений: 298
	06.02.2012, 18:48	2
	у меня не съежает, вывод: нужно больше кода. 0

	06.02.2012, 20:37