Страница 1 из 11
Сообщество uCoz » Модули uCoz » Контент-модули » Редактор страниц » Использование CSS в редакторе страниц (Особенности CSS в юкозе)
Использование CSS в редакторе страниц
Александр2309
Сообщений: 24
Репутация: 0

Сообщение # 1 | 11:42:37
у меня естьт такой вопрос.

<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 правой и левой колонки, их размеры.
Rostislav
Сообщений: 2394
Репутация: 591

Сообщение # 2 | 14:38:35
Александр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>

Александр2309
Сообщений: 24
Репутация: 0

Сообщение # 3 | 15:05:36
Нет, я пробовал. Если даже задать размеры контейнера (макета) в 1000рх или 300рх ничего не произойдет. Реально размеры и положение колонок будут зависеть от их собственных размеров без привязки к размерам макета.
Rostislav
Сообщений: 2394
Репутация: 591

Сообщение # 4 | 15:25:33
Александр2309, вы пробовали использовать тот код, который я вам дал?
у вас в коде были ошибки

Александр2309
Сообщений: 24
Репутация: 0

Сообщение # 5 | 15:49:59
Пробовал, смотрите что получается

http://besedy.ucoz.ua/index/test1/0-69

Лучше было бы использовать

#rightcol {
float: left;
background: #fc0;
width: 200px;
}

однако ничего не измниться. Привязки к размерам макета всеравно не будет.
Rostislav
Сообщений: 2394
Репутация: 591

Сообщение # 6 | 16:03:44
Александр2309, http://rosttest.net/index/frer/0-4

проблема в том, что у вас на странице контейнер в контейнере. див с id="container" может использоваться на странице только 1 раз.

Сообщество uCoz » Модули uCoz » Контент-модули » Редактор страниц » Использование CSS в редакторе страниц (Особенности CSS в юкозе)
Страница 1 из 11
Поиск: