CoffeeCup... Yeah, they are the best!
sstovert@satx.rr.com
Guest
5,410 posts
It would be so much easier to float the left and right columns. Set everything to auto height and ditch the scrolling divs.
The Philosopher
Registered User
2,038 posts
Tony the Tiger wrote:
It would be so much easier to float the left and right columns. Set everything to auto height and ditch the scrolling divs.
It would be so much easier to float the left and right columns. Set everything to auto height and ditch the scrolling divs.
Yea, what he said.
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.
My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).
My Personal Website: http://www.EricSEnglish.com
My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).
My Personal Website: http://www.EricSEnglish.com
padawan
Registered User
29 posts
I thought I was floating the left and right columns.... I tried setting to auto height and that didn't work either. BTW I do NOT want the scrolling divs. It seems to be some sort of effect from the overflow:auto
Nicole Fende
http://www.smallbusinessfinanceforum.com
Growing Tomorrow's Profits
http://www.smallbusinessfinanceforum.com
Growing Tomorrow's Profits
padawan
Registered User
29 posts
For example in my CSS for the Left Side I set it the parameter
float: left;
Am I missing something?
float: left;
Am I missing something?
Nicole Fende
http://www.smallbusinessfinanceforum.com
Growing Tomorrow's Profits
http://www.smallbusinessfinanceforum.com
Growing Tomorrow's Profits
sstovert@satx.rr.com
Guest
5,410 posts
In your html, delete the div <DIV id=main> and corresponding </div> and see what you get. Adjust styling for that div accordingly.
CoffeeCup... Yeah, they are the best!
padawan
Registered User
29 posts
I've got a new wrinkle.
Ok I created a real simple HTML page so its easy to see what happens if the text goes "below the fold" in the center but not in the left and right columns. I've revised the CSS file and have gotten rid of scroll bars, included overflow, and made the height auto. SBFFV2.css is the file
The center column works beautifully now BUT the two side columns are truncating. Here is the new link to see what I mean. Any ideas?
http://www.smallbusinessfinanceforum.co … BFFV2.html
Ok I created a real simple HTML page so its easy to see what happens if the text goes "below the fold" in the center but not in the left and right columns. I've revised the CSS file and have gotten rid of scroll bars, included overflow, and made the height auto. SBFFV2.css is the file
The center column works beautifully now BUT the two side columns are truncating. Here is the new link to see what I mean. Any ideas?
http://www.smallbusinessfinanceforum.co … BFFV2.html
Nicole Fende
http://www.smallbusinessfinanceforum.com
Growing Tomorrow's Profits
http://www.smallbusinessfinanceforum.com
Growing Tomorrow's Profits
sstovert@satx.rr.com
Guest
5,410 posts
There are JavaScripts available to handle equal height problems like this using three column layouts.
You can also use inline style heights for the sidebars on each page to override the main css column heights that adjust for the content found on that particular page.
You can also use inline style heights for the sidebars on each page to override the main css column heights that adjust for the content found on that particular page.
CoffeeCup... Yeah, they are the best!
The Philosopher
Registered User
2,038 posts
I don't have the ability at the moment to check out your site. But, relating to your code: Oftentimes, when I am floating, I will float all three columns just to ensure maximum control over the floated elements. If your lineage screws up then simply use negative margins to adjust. For example if one column is too far down set: margin-top:-25px;
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.
My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).
My Personal Website: http://www.EricSEnglish.com
My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).
My Personal Website: http://www.EricSEnglish.com
david wilson
Ambassador
1,707 posts
the total widths of your columns are greater than that of the container, i have attached a pic showing things overlapping, fixing this might clean it up.
Volunteering to help 
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
sstovert@satx.rr.com
Guest
5,410 posts
This will give you what you want as far as sidebar height. Adjust accordingly for the content of each page.
<div id="left" style="height:1020px;">
<div id="right" style="height:1020px;">
CoffeeCup... Yeah, they are the best!
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
