So im building this site with a div layout. The layout was done a long time ago but i just notice this issue.
Inside the #container Div i have a #Sections Div, inside it i have #left #right and #center Div.
#left is floated left
#right is floated right
#center remains in the middle of #left and #right
The problem is that the last Div inside the #center always stretches its height to match the longest side panel, either #right or #left.
Here is the link of the page im having problem with http://thechozenfew.net/downloads.php. (The page source of this link may look odd and confusing if you view it, im using PHP to joint different sections of the page, like header...)
<div id="Sections">
<div id="left">
<!-- FeedSweep -->
</div>
<div id="right">
<?php include('includes/user_box.php'); ?>
<!-- Ads End-->
</div>
<div id="center">
<div class="round">
<h1>No Contents Yet </h1>
<p>There is no content for download yet but we have some good stuff coming, just make sure to keep on cheking this section. What would you like to see on this section? </p>
</div>
<a name="comments"></a>
<div class="roundDiv">
<center>
<div class="js-kit-comments" uniq="/index" paginate="5" label="Leave a Comment" backwards="yes" permalink="http://thechozenfew.net/home.php"></div>
</center>
</div>
</div>
</div> <!--Sections Div ends-->
i removed the scripts to make the code look cleaner
Any recommendations will be appreciated... Thank You
I'm a little confused -- do you need the columns equalized, or do you have another concern?
FYI
* My screen resolution is set at 1680x1050
* I'm accessing your site through a T1 line
* I'm probably viewing it using Firefox (unless browser is specified)
I had a quick glance on the codes your have posted, and there the center works fine, it does not follow the height of the side columns.
I haven´t had time to investigate your site yet, but there must be something that differs the layout from the code that you have posted..... or pehaps the content inside the side columns.
Thank you for your effort guys...
This is what i did, i just floated the #center to the left and with a little of padding here and there i centralized it and now the divs in the center are expanding anymore. But it was weird thou, never had this kind of problem before.
Bookmarks