добавил второй сайдбар, но не могу выровнять его на странице
тема – default
прописал через "div" свойства
#sidebar
{
border-left: solid 1px #ddd;
padding: 20px 0 20px 0;
margin-left: 520px;
width: 190px;
padding-left: 10px;
border: 1px solid red;
}
#sidebar form {
margin: 0;
}
#sidebar1
{
border-left: solid 1px #ddd;
padding: 0;
margin-top: 0;
margin-left: 730px;
width: 190px;
padding-left: 10px;
border: 1px solid red;
}
http://picasaweb.google.com/lh/photo/9V-LIEVCk_3QZ9G4GiPouA?authkey=Gv1sRgCMewrKjfqYva3QE&feat=directlink
спасибо
По "картинке" сложновато точно подсказать, но попробуйте сделать блоки "плавающими" (float:left).
Если не получиться, то дайте ссылку на блог.
Плавающие блоки, это как минимум. Еще не забудьте добавить свойство display:block; для каждого объекта и обратите внимание на ширину объектов. Из-за того что они могут не помещаться в общий блок, тоже будет смещение не смотря на свойство float. Ну и не за бываете про иерархию элементов в HTML.
после прописки "display:block"(для обеих) и "float:left"(для правого сайдбара) они поменялись позициями, только
левый сполз в самый низ по своей стороне, правый поднялся куда надо. при прописи "float:left" для обеих, двое сползают вниз с сохранением самой первой позиции – левый выше, правый после него, как на первом скрине, только слазят вниз.
блог – на локале
style.css – http://data.cod.ru:80/41683
Ну раз на локале , тогда сами 😉
Чтобы подсказывать по верстке нужно видеть не только css , но и html.
Уверен что проблема не только в CSS, но и в иерархии шаблона страницы, т.е. это когда вроде все правильно на первый взгляд, но нехера никуда не встает.