Witam,
mam kłopot ze stylami, dwie kolumny na divach, szerokość nie jest stała, a określona w procentach.
Zależnie od rozdzielczości powstaje odstep między divami.
W Jai sposób zrobić, aby kolumna lewa dopełniała pozostałą szerokość do kolumny prawej.

[HTML] pobierz, plaintext 
kolumna lewa
#brd-main-body {
   float: left;
   width: 81.45%; /* tutaj jest kłopot ? */
}
kolumna prawa
#brd-main-ads {
   float: right;
   font-weight: bold;
   border-style: solid;
   border-width: 1px;
   width: 170px;
}
[HTML] pobierz, plaintext 

Strona znajduje się tutaj: http://forum.rtw.org.pl/

Zależnie od rozdzielczości widoczy różny odstęp między kolumnami.
Obecnie szerokość dostosowana do rozdzielzości: 1024x768 pikseli,
jak dostosować te dwie kolumny do każdej rozdzielczości?

Poszę pomocy!

Samym css? Ciężka sprawa... Z użyciem JS i poprzez niego obliczanie oraz ustawianie szerokości? Proste.

Można coś więcej jakie to proste

W CSS póbowałem już wszystkiego co mi przyszło do głowy "ciężka sprawa",
chociaż chciałbym w CSS, szukałem już wcześniej w JS, tylko nie bardzo wiem jak to zrobić dobrze?

[HTML] pobierz, plaintext 
JS:
 
<script type="text/javascript">
// if (screen.availWidth<=1024) { ?
 
if (screen.width<=1024)
 // ustaw szerokosc
}
else if (screen.width<=1280) {
 // ustaw szerokosc
}
else {
 // ustaw szerokosc
}
</script>
 
HTML:
 
<div id="brd-main-body">Bla bla bla</div>
 
[HTML] pobierz, plaintext 

--
Teraz tak myślę, że jeżeli musi być w JS to może lepiej zrobić coś takiego jak skyscraper zamiast kolumny prawej.

Gdyby ktoś mógł rozwiązać mój kłopot powyżej - super, please,
albo gdzie znajdę dobry skyscraper, element strony umożliwiający przesuwanie się boksa w dół i w górę za użytkownikiem oglądającym stronę i podążający za nim. Coś na kształt boksów reklamowych z możliwością kliknięcie w krzyżyk, aby schować element.

--
Jeżeli w CSS nie sposób tego zrobić... to może i dorze.
Zamist kolumny prawej zrobiłem super skyscraper w JS.

Thanks