# Thread: Tweaking Column Height Javascript

1. ## Tweaking Column Height Javascript

First of all, I am new to Javascript and plan to learn it... But for the time being I am an extreme newbie, so please be patient!

I am using this script to set my columns to the same height. It works fine, but I need to make the right hand column 300 px longer!

Code:
```   <!--Javascript to make the length of columns equal	-->
<script src="http://www.vikingprincess.net/x.js" type="text/javascript"></script>
<script type="text/javascript">
{ // Get natural heights
var cHeight = xHeight("contentcontent");
var lHeight = xHeight("leftcontent");
var rHeight = xHeight("rightcontent");
// Find the maximum height
var maxHeight =
Math.max(cHeight, Math.max(lHeight, rHeight));
// Assign maximum height to all columns
xHeight("content", maxHeight);
xHeight("left", maxHeight);
xHeight("right", maxHeight);
<?php \$currentheight=maxHeight?>
// Show the footer
xShow("footer");}
</script>
Can I achieve it with a simple change?

2. Howdy
Code:
```   <!--Javascript to make the length of columns equal	-->
<script src="http://www.vikingprincess.net/x.js" type="text/javascript"></script>
<script type="text/javascript">
{ // Get natural heights
var cHeight = xHeight("contentcontent");
var lHeight = xHeight("leftcontent");
var rHeight = xHeight("rightcontent");
// Find the maximum height
var maxHeight =
Math.max(cHeight, Math.max(lHeight, rHeight));
// Assign maximum height to all columns
xHeight("content", maxHeight);
xHeight("left", maxHeight);
xHeight("right", maxHeight + 300);
<?php \$currentheight=maxHeight?>
// Show the footer
xShow("footer");}
</script>

3. Hi,
Think you might do better using a faux column css styling instead?
The left full height, follows the center: Look Very closely:
http://doctoreast.com/design/faux-column/index.html

Mike

#### Posting Permissions

• You may not post new threads
• You may not post replies
• You may not post attachments
• You may not edit your posts
•