I'd like to split this page into 3 columns, but only the lower 3/4th of the page, below the Carousel section. (This code doesn't have the header or footer included). Can someone guide me in this? Thanks. I look forward to your reply(s). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="css/main.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="[var.base_url]/javascripts/ahah.js" ></script> <script type="text/javascript" src="[var.base_url]/javascripts/swfobject.js"></script> </head> <body class="MainBody_TEMP"> <!--Start of Left column --> <div id="ContentSplitContainer_left3"> <!-- start of now showing --> <div id="IndexNowShowing"> <object type="application/x-shockwave-flash" data="watchingnow.swf?x=watchingnow.php&t=Videos being watched right now..." width="550" height="115" align="top"> <param name="allowScriptAccess" value="sameDomain"> <param name="movie" value="watchingnow.swf?x=watchingnow.php&t=Videos being watched right now..."> <param name="quality" value="high"> <param name="bgcolor" value=""> </object> </div> <!--end of now showing --> <!-- Start of Carousel --> <div id="mycarousel" class="carousel-component"> <div class="carousel-prev"> <img id="prev-arrow" class="left-button-image" src="carousel_files/images/left-enabled.gif" alt="Previous"/> </div> <div class="carousel-next"> <img id="next-arrow" class="right-button-image" src="carousel_files/images/right-enabled.gif" alt="Next Button"/> </div> <div class="carousel-clip-region"> <ul class="carousel-list"> <li id="mycarousel-item-1"><a href="[var.base_url]/play.php?vid=[mp.indexer]"><img width="116" height="90" src="[var.base_url]/uploads/thumbs/[mp.video_id;block=li].jpg" alt="[mp.title:block=td]"/></a> <!--[mp.title;block=div;ope=max:15;comm]--> <br /> <!--[mp.date_uploaded;block=div;comm]--> <br /> </li> </ul> </div> </div> <!-- End of Carousel --> <!-- Start of videos list --> <div id="IndexVideoListContainer"> <div id="indexajax"> <div id="IndexVideoDetails"> <ul class="VideoDetails_All_List"> <li><a href="play.php?vid=[blkfeatured.indexer;block=div]"><img src="uploads/thumbs/[blkfeatured.video_id;block=div].jpg" alt="video pic" width="120" height="90" border="0" class="IndexVideoDetails_Thumb" /></a></li> <li class="font4_12"></li> </ul> <ul class="VideoDetails_Info_List"> <li><a href="play.php?vid=[blkfeatured.indexer;block=div]"> <span class="font4_14"><!--[blkfeatured.title;block=div;ope=max:45;comm]--></span> </a></li> <li> <!--[blkfeatured.description;block=div;ope=max:45;comm]--> </li> <li><span class="font4_12">Rating </span><img border="0" src="images/[blkfeatured.star1;block=div]" width="21" height="21" alt="1 Star"><img border="0" src="images/[blkfeatured.star2;block=div]" width="21" height="21"><img border="0" src="images/[blkfeatured.star3;block=div]" width="21" height="21"><img border="0" src="images/[blkfeatured.star4;block=div]" width="21" height="21"><img border="0" src="images/[blkfeatured.star5;block=div]" width="21" height="21"> <span class="font4_12">Views:</span> ( <!--[blkfeatured.number_of_views;block=div;comm]--> ) <span class="font4_12">Duration:</span> ( <!--[blkfeatured.video_length;block=div;ope=max:45;comm]--> )</li> <li><span class="font4_12">Category:</span> <a href="category_home.php?cid=[blkfeatured.channel;block=div]"> <!--[blkfeatured.channel;block=div;ope=max:20;comm]--> </a> <span class="font4_12">Uploaded:</span> <!--[blkfeatured.date_uploaded;block=div;comm]--> </li> <li> </li> </ul> <div class="clearfix2"></div> </div> </div> <br /> </div> <!--end of video list --> </div> <!--End of Left column --> <!--start of right column --> <div id="ContentSplitContainer_right2"> <!--random video start --> <div id="IndexPreviewBox_1"> <!-- Ads --> <div id="IndexPreviewBox_2"> <div id="IndexPreviewBox_content"> <ul class="IndexPreviewBox_list"> <li> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" name="theMediaPlayer" width="300" height="280" id="theMediaPlayer"> <param name=movie value="flvplayer.swf"> <param name=quality value="high"> <param name=bgcolor value="#FFFFFF"> <param name=allowFullScreen value="false"> <param name=swLiveConnect value="true"> <param name=allowScriptAccess value="sameDomain"> <param name="FlashVars" value="file=uploads/[var.video_play]&width=315&height=280&displaywidth=315&displayheight=260&overstretch=true&showfsbutton=false&image=uploads/thumbs/[var.video_thumb]&backcolor=0xFFFFFF"> <embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="300" height="280" bgcolor="#FFFFFF" name="theMediaPlayer" src="flvplayer.swf" flashvars="file=uploads/[var.video_play]&width=315&height=280&displaywidth=315&displayheight=260&overstretch=true&showfsbutton=false&image=uploads/thumbs/[var.video_thumb]&backcolor=0xFFFFFF"></embed> </object> </li> </ul> </div> </div> </div> <!--random video end --> <!-- start of login box - will auto hide when logged in--> <div id="IndexLoginGoldBox_1"> <!--[onload_300;block=div;when [var.show_login_box]=1;comm]--> <div id="IndexLoginGoldBox_2"> <div id="IndexLoginGoldBox_content"> <div id="RelatedVideosTitle"> <span class="font5_14">Login and start Uploading!</span></div> <ul class="IndexLoginGoldBox_list"> <form name="login" action="login.php" method="POST" class="FormIndexLogin"> <li>Username <input type="text" name="user_name_login" size="20" /> </li> <li>Password <input type="password" name="password_login" size="20" /> </li> <li> <input type="hidden" name="submitted" value="yes" /> <input type="submit" value="Login Now" name="logi_n" /> </li> </form> </ul> </div> </div> </div> <!-- end of login box --> <!--ads right start --> <div id="IndexGrayBox_1"> <!-- Ads --> <div id="IndexGrayBox_2"> <div id="IndexGrayBox_content"> <ul class="IndexGrayBox_list"> <li> <!--[var.ads_right;htmlconv=no;comm]--> </li> </ul> </div> </div> </div> <!--ads right end --> </div> <!--end of right column --> <div class="clearfix2"></div> </body> Code (markup):