Выравнивание элементов

[Vov4uk]

Помогите выровнять три div в один ряд. При таком коде первые два div стоят в ряд а третий снизу. Вот пример кода:

HTML - код:

<div class="scroller">
    <div class="left"></div>
    <div class="sc"></div>
    <div class="right"></div>
</div>?

CSS - код:

.scroller {
	width: 90%;
	height: 200px;
	border: 1px solid #0F0;
	margin: 0 auto;
}
.left {
	width: 12px;
	height: 198px;
	border: 1px solid #30C;
	float: left
}
.right {
	width: 12px;
	height: 198px;
	border: 1px solid #30C;
	float: right;
}
.sc {
	width: auto;
	border: 1px solid #F00;
	height: 198px;
	margin: 0px 14px 0px 14px;
}

Нужно чтобы

class="scroller"

был динамичный 90%,

class="right"

и

class="left"

статистическими по 12px, а

class="sc"

займет пространство которое осталось в

class="scroller"

.

Просьба гуру HTML и CSS не ругать, потому что только учусь.

Edited October 2, 2012 by Vov4uk

[BrainExploded]

Ну так можно:

http://jsfiddle.net/4TEZ7/2/

Короче, float'ы убираем, контейнеру position: relative, а левой и правой внутренним колонкам - absolute, и позиционируем.

[SelenIT]

А эти боковые полоски — действительно блоки, или это элементы оформления центрального блока (рамка, тень и т.п.)? Может, они вообще не нужны, а вместо них стоит применить спецсредства?

[Vov4uk]

  On 10/2/2012 at 12:10 PM, SelenIT said:

А эти боковые полоски — действительно блоки, или это элементы оформления центрального блока (рамка, тень и т.п.)? Может, они вообще не нужны, а вместо них стоит применить спецсредства?

Это элементы оформления центрального блока, такая как бы тень:

http://pixs.ru/showimage/jThumbnail_6333935_5925035.png

http://pixs.ru/showimage/jThumbnail_5929316_5925036.png

[SelenIT]

Для такого добавочные блоки точно не нужны, имхо. Можно поэкспериментировать с box-shadow, ну или на самый крайний случай — два вложенных дива и эти картинки фоном в них.

[Vov4uk]

Возможно вопрос покажется глупым, но как понять вложенные диви, это див в див'е, или я что-то не так понимаю?

[SelenIT]

  Quote

это див в див'е?

Да, именно так.

[Vov4uk]

  On 10/2/2012 at 12:46 PM, SelenIT said:

  Quote

это див в див'е?

Да, именно так.

Большое спасибо)))