Web Design Forums

Bryce · 31-01-2008, 15:27

I used to know this, but I can't remember how I did it again. How would I get #sidebar and #maincnt to stay equal no matter how much content is in em? I am using footerStickAlt to 'stick' the footer to the bottom if that matters any.

Well, here's the screen of it.

chriskalani · 31-01-2008, 15:44

Here's a few ways: Equal Height Columns using CSS - Ed Eliot

jamblo · 31-01-2008, 17:11

Make a div, call it whatever, and stick it (in the HTML) after the two divs you're having trouble with.

Assign the CSS "clear: both" to the "whatever" div and providing you've floated the divs in question (but not this one), all should line up.

You may also need to create a repeating background that you assign to your container div (ie a div that holds everything else inside it, that you can determine your overall width with, etc.) to create the illusion that there is in fact two full-length columns.

Bryce · 31-01-2008, 18:16

EDIT: nevermind, it was a stupid mistake. i forgot the ../ in front XD.

chriskalani · 31-01-2008, 19:14

Quote:

Originally Posted by Bryce

EDIT: nevermind, it was a stupid mistake. i forgot the ../ in front XD.

Oh, haha so you did have a wrapper div with a background image? That is how I usually do it but I couldn't see your code so I gave you some other options. Glad you figured it out.

Bryce · 31-01-2008, 20:23

I got one part of it fixed, then I realized, hey why not put an entire background image in the body tag. It's fixed and working now. I'm just about done and I'll post it up here for reviews. I think it's an ok design so far, and the horrible attempt at a header turned out quite nice I think.

31-01-2008, 15:27	#1 (permalink)
Bryce Web Developer Join Date: Jan 2008 Location: Raleigh, NC Posts: 84	I can't figure out how to get the columns equal in height I used to know this, but I can't remember how I did it again. How would I get #sidebar and #maincnt to stay equal no matter how much content is in em? I am using footerStickAlt to 'stick' the footer to the bottom if that matters any. Well, here's the screen of it. Attached Thumbnails

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

31-01-2008, 15:44	#2 (permalink)
chriskalani I have a computer Join Date: Nov 2006 Location: Washington Posts: 98	Here's a few ways: Equal Height Columns using CSS - Ed Eliot

31-01-2008, 17:11	#3 (permalink)
jamblo cuttin' and stickin' Join Date: Jan 2008 Location: Bournemouth, currently. Posts: 154	Make a div, call it whatever, and stick it (in the HTML) after the two divs you're having trouble with. Assign the CSS "clear: both" to the "whatever" div and providing you've floated the divs in question (but not this one), all should line up. You may also need to create a repeating background that you assign to your container div (ie a div that holds everything else inside it, that you can determine your overall width with, etc.) to create the illusion that there is in fact two full-length columns.

31-01-2008, 18:16	#4 (permalink)
Bryce Web Developer Join Date: Jan 2008 Location: Raleigh, NC Posts: 84	EDIT: nevermind, it was a stupid mistake. i forgot the ../ in front XD.

31-01-2008, 20:23	#6 (permalink)
Bryce Web Developer Join Date: Jan 2008 Location: Raleigh, NC Posts: 84	I got one part of it fixed, then I realized, hey why not put an entire background image in the body tag. It's fixed and working now. I'm just about done and I'll post it up here for reviews. I think it's an ok design so far, and the horrible attempt at a header turned out quite nice I think.

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