Drop Sidebar with Round Corners at Bottom

Drop Sidebar with Round Corners at Bottom


My website is elastic and primarily uses ems as a layout measurement. There is javascript that instructs the left sidebar to drop with the mainContent div when the mainContent div is lower than the left sidebar.

This works fine but recently I added rounded corners on the top and bottom of the left sidebar div.

1)When the left sidebar div has more content than the mainContent div......there is no problem

example: [url removed, login to view]

2)When the mainContent div has more content than the left sidebar div......THERE IS A PROBLEM----see attached image: [url removed, login to view]

example: [url removed, login to view]

Look closely at example two and see that the rounded corner images did not drop automatically to the bottom but instead is hung up in the middle of the page.


Write a script in conjunction with the javascript below (that is also embeded in all my webpages) that would drop the [url removed, login to view] and [url removed, login to view] (rounded corner images) when the mainContent div has more content than the left sidebar div. NOTE: My left sidebar div is a Dreamweaver CS4 library item. Once you fix one page I'll be able to update the library item (templete) .ibi file sitewide.


Simply adjusting the css div height in each webpage manually.

.styles #sidebar1 {

float: left;

height: 850px;



<script type="text/javascript">

[url removed, login to view] = fixH;

function fixH() {

var one = 'sidebar1';

var two = 'mainContent';

if ([url removed, login to view](one)) {

var lh = [url removed, login to view](one).offsetHeight;

var rh = [url removed, login to view](two).offsetHeight;

var nh = [url removed, login to view](lh, rh);

[url removed, login to view](one).[url removed, login to view] = nh + "px";

[url removed, login to view](two).[url removed, login to view] = nh + "px";




As an emplorer, I choose the first service provider that can show in some kind of way that their method works. Sure, high feedback rating is nice, but I'm finding the one with the answer---concerning my current needs, always does great.



Above, I have provided what I believe is all the information regarding this project with exception to login information to the FTP & database. Please base your bid on this but I will be happy to answer questions and exchange correspondence through this website's personal message board during the development of this work. Try to keep in mind of time zones differences if responses aren't immediate.

Beceriler: Adobe Dreamweaver, CSS, Biçim & Düzen, Javascript, Betik Yükleme

Daha fazlasını gör: round corners sidebar, dreamweaver sidebar rounded corners, round sidebar div, zones, write corner on website, what to write on my overview, webpage problem, text exchange script, personal page layout, document layout service, div fix website, css content write, base method math, base exception, at & t, at &t, javascript sidebar bottom, javascript image library, sidebar, rh, px, Policies , nh , measurement, height bid project

İşveren Hakkında:
( 31 değerlendirme ) Antioch, United States

Proje NO: #708332



Lets Get Started..

1 gün içinde %selectedBids___i_sum_sub_4%%project_currencyDetails_sign_sub_5% USD
(16 Değerlendirme)

Bu iş için 3 freelancer ortalamada $30 teklif veriyor


please check your pm, I had done an issue like this before, thanks

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(16 Değerlendirme)

Hello sir, Please see PMB...Thanks

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(0 Değerlendirme)