Design problem question

The design on some of my forum posts are broken and on others its not. Its probably because of the length of the actual post... how should I go about fixing it?

Here is a link to a forum post on my site where the design is broken:
http://www.wedevoy.com/web-programming/coding-login-function-t79.html

And here is a link to a forum post on my site where the design is not broken:
http://www.wedevoy.com/web-programming/creating-cms-feature-request-t37.html

try to check your CSS code first..
can you post your code here?

The css and the code for both pages are the same... you can view source to check them

Is it an ad of your project?

What do you mean? I'm not advertising anything but my problem here

I'm not sure exactly what to do, but I think it's going to have something to do with your sidebar and footer elements. It's also definitely not going to be as simple as adding "clear:both" to your footers CSS like I originally thought it was going to be.

Might have been good to mention that it's the footer jumping up with short posts. The problem isn't exactly obvious from your first post bogey.

Well, I have a two column layout... the footer is bordering the right column which could be smaller then the left column, and the left column that holds the design is bordering the footer... it only looks right when the right column... where the forum post is, bigger then the left column... which holds the navigation.

Can't you just remove the absolute positioning from the left_column? I always find that mixing a float with absolute positioning can cause headaches all over the place.

If I edit your css from within Firefox's web developer toolbar to remove the absolute positioning from the left_column then your footer behaves itself. I didn't look to see if this causes any problems on other pages.

Sorry it took me awhile to post back... had trouble with my FTP server... got that sorted out.

That fixed the problem with the short posts... now if I have long posts, the left menu doesn't reach the footer... it's better now than it was because the left menu is actually readable in small and large posts, it's just that it doesn't look all that good in large posts.

I want the left menu to always extend to the footer.

instead of putting this image:



as your background for the left_column, apply it to your "site_wrap" instead. so your css for site_wrap should look like this:

The image is too big to go there... and the design is fluid so one size wouldn't work anyway... Any other suggestions?

okay, just checked it using the developer tool built into IE8, try this:

There is a problem with that... that makes the left menu fixed... my design is fluid.

Maybe I just should make the left menu fixed? I want to save that as the last and only resort though. Any other suggestions?

Thanks for your help so far.

Alright never mind... Going back to having my left-column to absolute positioning and a min-width of 900px to my site-wrap and a positioning of relative to my site-wrap did the trick...

I will probably keep this way... thanks for the help anyway

hmm, seems a little extreme. You can still still have a fluid layout with what I showed you, unless someone has a resolution or windows size that is below about 300 pixels. This isn't likely to happen. Keep your right column fluid and your left column fixed, and it will decrease a lot of current and future problems.

I can't think of the last time I came across a site that HAD to have a fluid navigation bar. The content should almost always be fluid, but the navigation bar can be fixed without effecting anyones compatibility.