Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.

Thread Tools Display Modes
Share |
Old 10-28-2014, 02:45 PM
Major Que's Avatar
Major Que Major Que is offline
Junior Member
Join Date: 10-25-14
Location: SW PA
Posts: 14
iTrader: 0 / 0%
How To Get 2 Columns Equal Height In CSS

I have put together a new website and I am having a problem that is frustrating me to no end so I am here looking for expert help.

In my "content" column, I am trying to have the article I have written. This content is going to change from page to page depending on the amount of content. At the bottom of the "content" I am trying to add a comments section.

To the right of the "content" column I have a "sidebar" and the problem I am having is as the "content" column grows or shrinks, it is effecting the positioning of the "sidebar" and moves the content of the "sidebar" up or down.

I have tried to investigate how to correct this and what I have read makes absolutely no sense to me so the only way I can figure out to fix this (keeping in mind that I am in the process of teaching myself CSS and I use the trial and error method of learning) is to set the height of the "content" column to a fixed number and then force the "sidebar" to move up or down by using something like 'margin-top: -1200px". The problem with this is when comments are added, the content of the "sidebar" moves down.

My question is, does anyone know of a way to get both columns to adjust to equal heights that won't cause me to pull what little hair I have left out? Would that anyone be willing to explain to me why your method should work?

I know that I should include the code for the page I am having the problem with, but it is (in my opinion) pretty extensive and if someone is willing to try to tackle this it might be easier to just bring up the source code.

Just FYI . . . the page in question can be seen at pickmysmoker dot com/best_propane_smokers.php/

Thanks in advance . . .
Reply With Quote



Go Back   Webmaster Forum > Web Development > Coding Forum


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
All batteries are not equal ScriptMan Digital Photography Forum 5 03-14-2013 02:53 AM
Not All Google +1s are Equal HTMLBasicTutor Google Forum 0 11-28-2011 11:55 AM
SEO Does Not Equal Spam peter_d SEO Forum 1 08-27-2007 08:46 PM
How to get columns to have equal width in Dreamweaver pataya Coding Forum 2 03-19-2007 09:06 AM

V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory

All times are GMT -7. The time now is 10:09 AM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC