Подскажите плиз как сделать несколько элементов div в один ряд

[Yahook]

Подскажите плиз как сделать несколько элементов div в один ряд

Подскажите плиз как это сделать:
<div id="id1">содержимое1</div><div id="id2">содержимое2</div><div id="id3">содержимое3</div>

Чтобы они выводились в одину строку без переноса на новую строку каждого дива.

-~{}~ 24.06.07 04:18:

Можно сделать это с помощью таблицы, мне интересно возможно ли это сделать средствами стилей элемента div. Я не нашел как это сделать сам.

 

[Wicked]

я в html/css не силен, но попробуй:
style="float: left"

 

[ksnk]

Таблицу можно "эмулировать". Правда в IE6 не работает
#test2>div { display:table-cell;} /* for FF */
...
<div id="test2">
<div>yyy yyyy yyyyy</div>
<div>yyy yyyy yyyyy</div>
...
</div>

 

[Yahook]

style="float: left" сработало, спасибо. правда если слева идет текст без дива то див все же на новой строчке строится.

 

[WP]

div -> span

 

[Alexandre]

div -> span

+1
используй span
div - это блочный элемент
span - поточный
т.е. див предполагает начало с новой строки.

как выход - можно использовать закрепленные абсолютно дивы (или относительно левой и правой точек) фиксированной длинны

 

[Koc9k]

Re: Подскажите плиз как сделать несколько элементов div в один ряд

Автор оригинала: Yahook
Подскажите плиз как это сделать:
<div id="id1">содержимое1</div><div id="id2">содержимое2</div><div id="id3">содержимое3</div>

Чтобы они выводились в одину строку без переноса на новую строку каждого дива.

-~{}~ 24.06.07 04:18:

Можно сделать это с помощью таблицы, мне интересно возможно ли это сделать средствами стилей элемента div. Я не нашел как это сделать сам.

Сделать таблицу , в ней дивы , margin 0px .
Ещё можно помудрить с ксс свойством display

 

[Crazy]

<style>
div.inner {
  display: inline;
}

div.outer {
  width: 100%;
  background-color: yellow;
}

div.green {
  background-color: green;
}

div.red {
  background-color: red;
}
</style>

<div class="outer">
  <nobr>
    <div class="inner green">Foo</div>
    <div class="inner red">Bar</div>
    <div class="inner green">Buzz</div>
    <div class="inner red">Quixx</div>
  </nobr>
</div>

-~{}~ 25.06.07 14:52:

Автор оригинала: Alexandre
div - это блочный элемент
span - поточный
т.е. див предполагает начало с новой строки.

Это... мнэ... не совсем так. Точно так же, как <i> вовсе не всегда означает italic, а <b> -- bold.

<style>
i { font-style: normal; font-weight: bold; }
b { font-style: italic; font-weight: normal; }

</style>

<p><i>Italic?</i>
<p><b>Bold?</b>

 

[Wicked]

Crazy
"означают" они всегда bold и italic соответственно. А уж как визуально эти bold и italic выглядят - вопрос криворукости верстальщика

 

[Crazy]

"Если на клетке слона видишь надпись 'тигр' -- не верь глазам своим" (c)

 

[Morr123]

Нужно использовать display: inline-block или float: left на элементах которые нужно выстроить в ряд.

 

[damner2]

Нужно использовать display: inline-block или float: left на элементах которые нужно выстроить в ряд. Подробнее про эти свойства можно почитать здесь: спам

ну не правильно же!

вот представь, чувак ща откопает свой сайт, который делал почти 10 лет назад, сделает, как ты предложил, а дивы иногда будут переноситься на новую строку...