Чат сообщества
|
   |
| Сообщество uCoz Модули uCoz Контент-модули Редактор страниц Использование CSS в редакторе страниц (Особенности CSS в юкозе) |
| Использование CSS в редакторе страниц |
|
у меня естьт такой вопрос.
<style type="text/css"> #container { width: 300px; /* Общая ширина макета */ margin: 0 auto; /* Выравниваем по центру */ } #leftcol { float: left; background: #f0f0f0; width: 500px; } #rightcol { float: left; background: #fc0; width: 200px; } .clear { clear: all; } </style> </style> </head> <body> <div id="container"> <div id="leftcol">Левая колонка</div> <div id="rightcol">Правая колонка</div> <div class="clear"></div> Почему в приведенном коде, ширина макета страницы, в дизайне редактора страниц, в #container не работает. можно задавать любые значения width= 1-1000, но на результат это не повлияет. Все будет зависеть от значений width правой и левой колонки, их размеры. |
|
Александр2309,
1. ширина контейнера больше или равна сумме ширины входящих в него блоков. у вас ширина контейнера 300, а колонок 500 и 200 2. правая и левая клонока у вас располагаются слева 3. не открыт тег head, продублирован закрывающий тег style, не закрыт див у контейнера, не закрыт див body попробуйте так: Код <html><head><style type="text/css"> #container { width: 1000px; /* Общая ширина макета */ margin: 0 auto; /* Выравниваем по центру */ } #leftcol { float: left; background: #f0f0f0; width: 500px; } #rightcol { float: right; background: #fc0; width: 200px; } .clear { clear: all; } </style> </head> <body> <div id="container"> <div id="leftcol">Левая колонка</div> <div id="rightcol">Правая колонка</div> <div class="clear"></div> </div> </body> </html> |
|
Нет, я пробовал. Если даже задать размеры контейнера (макета) в 1000рх или 300рх ничего не произойдет. Реально размеры и положение колонок будут зависеть от их собственных размеров без привязки к размерам макета.
|
|
Александр2309, вы пробовали использовать тот код, который я вам дал?
у вас в коде были ошибки |
|
Пробовал, смотрите что получается
http://besedy.ucoz.ua/index/test1/0-69 Лучше было бы использовать #rightcol { float: left; background: #fc0; width: 200px; } однако ничего не измниться. Привязки к размерам макета всеравно не будет. |
|
Александр2309, http://rosttest.net/index/frer/0-4
проблема в том, что у вас на странице контейнер в контейнере. див с id="container" может использоваться на странице только 1 раз. |
| |||
| |||