Devam Ediyor

Drop Sidebar with Round Corners at Bottom

Drop Sidebar with Round Corners at Bottom

OVERVIEW:

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.

TASK AT HAND

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.

WHAT I DON'T WANT

Simply adjusting the css div height in each webpage manually.

.styles #sidebar1 {

float: left;

height: 850px;

}

THIS IS THE JAVASCRIPT THAT DROPS THE SIDEBAR DIV

<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";

}

}

</script>

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.

---------------------------------------------------------------------------------------------

INFORMATION PROVIDED:

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ün: round corners sidebar, dreamweaver sidebar rounded corners, round sidebar div, zones, write corner website, webpage problem, personal page layout, div fix website, css content write, base method math, base exception, javascript sidebar bottom, javascript image library, sidebar, rh, px, policies, nh , measurement, height bid project, float, ems, css javascript dreamweaver, personal service provider, exchange task

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

Proje NO: #708332

Seçilen:

XpertzDotNet

Lets Get Started..

1 gün içinde 30$ USD
(16 Değerlendirme)
4.3

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

trill

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

1 gün içinde 30$ USD
(16 Değerlendirme)
4.2
v4web

Hello sir, Please see PMB...Thanks

1 gün içinde 30$ USD
(0 Değerlendirme)
0.0