В силу того, что мало пока знаю, методом тыка решить не получилось :
Проблема : Надо левый блок сделать определенной ширины, например 220px, правый же, чтобы остался с шириной - 180px.
Что делал:
1. Изменил ширину сайта с 960 px до 1000px.
#container {
width: 1000px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
2. Поменял ширину левого блока :
#column_left {
float: left;
width: 220px;
margin-right: 10px;
clear: left;
}
3. Изменил отступ :
#content {
margin-left: 230px;
margin-right: 180px;
margin-bottom: 10px;
}
4. Сделал новую картинку :
box_top_left.png с шириной в 220px5. Дальше метод тыка не сработал, а именно, тут,
.box {
margin-bottom: 10px;
background: url('../image/box_top.png') no-repeat;
}
для всех .box - одна картинка, пробовал дописывать, например, сюда
#column_left {
float: left;
width: 220px;
margin-right: 10px;
clear: left;
background: url('../image/box_top_left.png') no-repeat; //это
}
игрался с no-repeat, в общем..
метод тыка иссяк, кто скажет как правильно сделать, а то сам понимаю, что не то делаю, а как надо - не знаю :huh:
oc.store v.0.2.2