• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

Auchi
#1 Posted : Monday, April 23, 2007 10:01:20 AM(UTC)
Auchi

Rank: Member

Joined: 1/8/2007(UTC)
Posts: 79

I need some help with this:


How can I do to make the columns of the site match in height?

My menu column has a background color, and the rest of the site is white. The problem is when I have a content that exceeds the height of the menu... this one cuts where the last item finishes and I've been trying all ways possible to make it reach the bottom of the page.



I attach an image, because I don't know if I'm clear in my cuestion.



Thanks.
Auchi attached the following image(s):
preview.jpg (23kb) downloaded 199 time(s).

You cannot view/download attachments. Try to login or register.
jbailey
#2 Posted : Monday, April 23, 2007 11:04:13 AM(UTC)
jbailey

Rank: Member

Joined: 1/26/2007(UTC)
Posts: 57

We had a similar problem. Try changing this in your css file:

.maincontentwrapper {margin:0 0;padding:0;background-color:#FFF0D0; height: 100%; background:#053869 url('../images/nav-bg-fixed.gif') repeat-y left top; }

using your own colours and background image, of course.

The background image should be a slice of your lefthand column colour and your main background column.

Hope this helps.

Jenny
Jenny Bailey
Discover IT (UK) Ltd
www.discoverit.co.uk
Omer
#3 Posted : Monday, April 23, 2007 11:32:53 PM(UTC)
Omer

Rank: Member

Joined: 2/3/2007(UTC)
Posts: 100

The best way to do it is via javascript. Giving a specific height will not resolve the problem. I suggest an article about this. >> Click here ... A good article explaning all the details and gives the necessary javascript. You can also apply this to your master pages and make all your columns the same height.
Auchi
#4 Posted : Tuesday, April 24, 2007 1:26:15 PM(UTC)
Auchi

Rank: Member

Joined: 1/8/2007(UTC)
Posts: 79

Jenny and Omer thanks alot for the help.


I've fixed it with the javascript, for those who has the same issue: its recommended.



Have a nice week.



Auchi.
Cliff
#5 Posted : Tuesday, April 24, 2007 1:49:28 PM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

For faux-columns, I would generally recommend the background-image on a cleared containing element method and would only use the javascript method as a last resort. It's cleaner and keeps the design in the CSS so that it's more easily accessible.
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

©2024 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012