Проблем с позициониране

[fristys]

Здравейте, не мога да оправя един много гаден проблем на следният мой дизайн http://fristys.1gb.bg/informer/ . Искам сайдбара да е горе до новините, но колкото и да се мъча, или все сайдбара ще е отдолу, или новините ще са под сайдбара...
Моля помогнете ми!
Благодаря предварително.

 

[dashe]

Във главния див правиш още 2 дива.
Със width и float: left;
И после си слагаш нещатата вътре :wink:

 

[fristys]

Във главния див правиш още 2 дива.
Със width и float: left;
И после си слагаш нещатата вътре :wink:

Не те разбрах, би ли обяснил по-подробно ?

 

[kikity_94]

На този див от ляво му задай стойност float: left; във CSS а от дясно за новините му задай стойност float: right;

 

[fristys]

На този див от ляво му задай стойност float: left; във CSS а от дясно за новините му задай стойност float: right;

В момента си е така... :/

#sidebar {
    display: block;
    float: left;
	width: 210px;
	border: 1px dashed #ededed;
}

#sidebarwrapper {
  margin:0;
  margin-left: 10px;
  padding:0px 520px 0 0;
 }

#news {
    display: block;
    float:right;
	padding-bottom: 10px;
    width: 630px; 
    border: 1px dashed #ededed;
}

#newswrapper {
  margin:0;
  padding:10px 10px 0 230px;
}

 

[marian]

Аз пък бих предложил друго да размениш местата на дива с id="newswrapper" и другия див с id="sidewrapper" и да заместиш този css код, който даде с този:

#sidebar {
   width: 210px;
   border: 1px dashed #ededed;
}
#sidebarwrapper {
   margin-left:10px;
   display:inline;
   width:210px;
   float:left;
 }
#news {
   padding-bottom:10px;
   border: 1px dashed #ededed;
}
#newswrapper {
   margin-left:50px;
   display:inline;
   width: 630px;
   float:left;
}

 

[fristys]

Аз пък бих предложил друго да размениш местата на дива с id="newswrapper" и другия див с id="sidewrapper" и да заместиш този css код, който даде с този:

#sidebar {
   width: 210px;
   border: 1px dashed #ededed;
}
#sidebarwrapper {
   margin-left:10px;
   display:inline;
   width:210px;
   float:left;
 }
#news {
   padding-bottom:10px;
   border: 1px dashed #ededed;
}
#newswrapper {
   margin-left:50px;
   display:inline;
   width: 630px;
   float:left;
}

Ей, да си жив и здрав! Стана перфектно, благодаря ти от сърце.