This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > February 2006 > PVII Equal Height CSS Columns





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author PVII Equal Height CSS Columns
wadup

2006-02-28, 6:21 pm

http://www.saysocreative.com/clients/aim/index.html

I successfully used the PVII equal height CSS Columns script on my web page to
"equal" the #leftside div with the #content div...

However the #leftside div does not go all the way to to the bottom of the
#content div...if you go to the site you would see that #leftside randomly stop
at a certian point.....

What is the problem?


Osgood

2006-02-28, 6:21 pm

wadup wrote:

> http://www.saysocreative.com/clients/aim/index.html
>
> I successfully used the PVII equal height CSS Columns script on my web page to
> "equal" the #leftside div with the #content div...
>
> However the #leftside div does not go all the way to to the bottom of the
> #content div...if you go to the site you would see that #leftside randomly stop
> at a certian point.....
>
> What is the problem?
>
>

The left side IS observing the height of the #content <div>

What you need to do is surround your #mainlinks <div> and the #content
<div> in their own 'wrapper'

Float that 'wrapper' right and make its width 535px. Remove the floats
from the internal <divs> ie #mainlinks and #content as these are no
longer required.


Then alter the body tag to reflect the changes.


<body
onLoad="P7_equalCols2(1,'leftside','IMG','mainlinksContentWrapper','h6')">


NOTE THE H6. Its better to use a tag that you wouldn't normally use like
<h6> rather than the <p> tag you are currently using.

So insert an h6 here

<div id="leftside">
<img src="images/aim_logo.gif" width="195"/>
<h6>&nbsp;</h6>
</div>

and here


<p>When looking at a career, you should examine it closely, gather facts
and look inward. If you like a fast-paced, high performance work
environment, yo've come to the right place. You'll work with a diverse
team of reps who value...</p>
<h6>&nbsp;</h6>

<br style="clear:both;">


wadup

2006-02-28, 6:21 pm

Bro, I got it working?.i appreciate your help a lot!
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews