![]() |
|
||||||||||
|
|||||
|
Регистрация: Jul 2009
Сообщений: 2
|
Нужно сверстать резиновую страничку такой структуры:
[left-column] [content] [right-column] left-column и right-column имеют фикс. ширину, content соотв. растягивается. Но сложность не в этом. В content'е должно быть несколько "строк", в каждой "строке" по 2 закругленных окна. Поскольку content будет растягиваться, то значит и эти окна тоже будут иметь различную ширину. Поставить width:50% не могу, там ещё есть фиксированные margin'ы. Есть ли какой-то способ сочетания процентной ширины и фиксированных margin'ов? Что-то типа формулы "width:50%-10px"? Сталкивались ли Вы с подобными трудностями и как их решали? |
|
|||||
|
Регистрация: Apr 2009
Сообщений: 95
|
<style type="text/css">
* {margin:0; padding:0;}
.elemBlock {float:left; width:50%; height:100px;}
.elemBlock .elem {margin:20px;}
</style>
<div class="content">
<div class="elemBlock">
<div class="elem">
bla bla bla
</div>
</div>
<div class="elemBlock">
<div class="elem">
bla bla bla
</div>
</div>
</div>
Последний раз редактировалось Mtnt; 14.07.2009 в 17:36. |
|
|||||
|
Регистрация: Jul 2009
Сообщений: 2
|
Возникла проблема с контетной частью. IE8, FF отображает нормально, опера глючит. Где-то похоже обрезает ширину и margin/padding откуда-то вылезает (искл. в опере). Есть там ещё пару мелочей, но это не суть важно.
Кода там много. Смотрите здесь http://www.sql.ru/forum/actualfile.aspx?id=7421309 |
|
|||||
|
Регистрация: Jul 2009
Сообщений: 1
|
попробуй файл прикрепить в нем идёт сброс всех настроек которые по дефолту стоят и сам все марджины пропишешь
http://www.flasher.ru/forum/attachme...1&d=1248164926 |
![]() |
![]() |
Часовой пояс GMT +4, время: 08:22. |
|
|
« Предыдущая тема | Следующая тема » |
|
|