[CSS] Kolumna ucieka "w dół"

[Kapo]

Witam,
Zrobiłem sobie szablon na bloga, na codzień zajmuję się grafiką ale od czasu do czasu lubię coś sam stworzyć "posklejać". Szablon działał jak trzeba więc wprowadziłem kod na stronę, pododawałem w odpowiednie miejsca "komendy" ? nie wiem jak się to nazywa, tzn w znacznikach <> nazwy, pod którymi sa wyświetlane dane itp z zapisu. Chodzi mi aby kolumna była cały czas po lewej stronie u góry... najwidoczniej musiałem jakoś źle to umieścić...
Zamieszczam fragment kodu, już dalsza część tzn prawa kolumna wydaje mi się zbędna bo chyba nie w niej problem.
Link do bloga: http://kapo.bikestats.pl/

Kod:

<div id="content"><!--CONTENT START-->

     <$BlogKategoriaNaglowek$>
     <$BlogKategoriaPodsumowanie$>
     <BlogWpisy>

<div id="left_column">
<!--POST START-->
  <$BlogWpisOpcje$>
<div class="date_comments_wrap">
<div class="post_data ">
<div class="data"><$BlogWpisDatereg$></div>
</div>
</div>

<br><br><br><br>
<div class="post_title"><$BlogWpisTitle$></div>
<br>
<center>
<div class="bgdane">
<table border="0">
<tr>
<td><b><st2>Km:</b></st2> </td><td><st><$BlogWpisKm$></st></td><td><st2><b>Km teren:</b></st2></td><td> <st><$BlogWpisKmTeren$></st></td><td><st2><b>Czas:</b></st2></td><td> <st><$BlogWpisCzasHHMM$></st> </td><td><st2><b>Km/h</b></st2></td><td> <st><$BlogWpisPrSrednia$></st> </td>
</tr><tr>
<td><st2><b>Pr. maks.:</b></st2></td><td><st1><$BlogWpisSpdmax$></st1> </td><td><st2><b>Temperatura:</b></st2></td><td><st1><$BlogWpisTemp$></st1></td><td><st2><b>Podjazdy (m):</b></st2></td><td><st1><$BlogWpisUphill$></st1></td><td><st2><b>Kalorie:</b></st2></td><td><st1><span class="number"><$BlogWpisKcal$></span> kcal</st1></td>
</tr>
</table>
</div>
</center>
<div class="post_body">
<div class="post_text">
<p><$BlogWpisTresc$></p><br>

</div>
</div>

<div class="left">
<div class="post_category">
<ul class="post-categories">
    <li><$BlogWpisKategorie$></li></ul></div>
</div>
Rower:
<div class="post_rower">

<ul class="rower">
    <li><$BlogWpisBike$></li></ul>

</div>
<BlogKomentarzeWlaczone>
    <span id="post_kom"><a href="<$BlogWpisKomentarze$>"><div class="com"><$BlogWpisKomIlosc$></div></a> </span>
</BlogKomentarzeWlaczone>
<div class="post_divider"></div>


</div><!--POST END--></BlogWpisy>

<div class="komentarze">
     <BlogWpis>
<div id="komentarze">
     <div class="formComments">
     <BlogKomentarzeWlaczone>
      <br /><b>Komentarze</b><br />
     <BlogKomentarze>
      <div id="kom"><div class="comm<BlogKomentParzysty> bcomeven</BlogKomentParzysty>">
       <span class="auth"><$BlogKomentAutorLink$></span> | <span class="date"><$BlogKomentData$> | <a href="<$BlogKomentURL$>">linkuj</a><$BlogKomentKasuj$></span>
       <span class="cont"><$BlogKomentTresc$></span>
      </div></div>
     </BlogKomentarze>
     <$BlogKomentarzeNowyForm$>
     </BlogKomentarzeWlaczone>
     </div>
     </BlogWpis>
</div>

<div id="right_column"><!--SIDEBAR START-->

[Pedro84]

Zacząłbym od poprawienia tej ilości błędów...

ID nie powtarzamy, od tego są klasy... Spróbuj nadać prawej kolumnie float:left;, sprawdź szerokości kolumn wraz z paddingami i borderami.

[Kapo]

Chciałem napisać, żeby po prawej stronie ta kolumna była a nie po lewej, pomyliłem się. szerokość jest ok, nawet więcej jest zostawione.

[Kapo]

Błędy poprawiłem.
Znalazłem rozwiązanie ze stylem, ale nie do końca dobre bo przy różnej rozdzielczości bęzie inaczej kolumna położona, jakaś sugestia na zmiane lub inne rozwiązanie ?

Kod:

#right_column { width:210px; float:right;  position:absolute; right: 200px; top: 20%;}

[age]

samo float: right nie wystarcza?

[Kapo]

Gdyby wystarczało to bym tak zostawił. Gdy jest samo float:right; to robi się to co napisałem w temacie.