...

View Full Version : Format problem



vinoman
09-26-2007, 06:59 PM
I've just working on this template: http://www.linuxpcs.org/

I can't see what's breaking the layout at the bottom of the page. Can anyone clue me in?

vtjustinb
09-26-2007, 07:08 PM
Sure, you're clearing things properly (by putting a clear: both on the footer), but you specify a firm height on the rightcolumn.

Since the content in rightcolumn extends past 466px, the overflow is appearing on top of the footer.

The fix is to simply remove the height, and let the float clearing do its job.

vinoman
09-26-2007, 07:59 PM
Thank you. That fixed it. Now I see that the left column also has a height amount. If I clear it it stays as short as the text fills in. How do I get the left column to match the length of the right column?

effpeetee
09-26-2007, 08:21 PM
Thank you. That fixed it. Now I see that the left column also has a height amount. If I clear it it stays as short as the text fills in. How do I get the left column to match the length of the right column?
It may be the Faux Columns thing.

http://www.alistapart.com/articles/fauxcolumns/

This url may help.

Frank

vtjustinb
09-26-2007, 09:03 PM
Thank you. That fixed it. Now I see that the left column also has a height amount. If I clear it it stays as short as the text fills in. How do I get the left column to match the length of the right column?

There's really not a great cross-browser way of making this happen short of faux columns. That's just a consequence of IE's spotty handling of CSS2.

With the way you have your layout (the thin border around the left column) your only real option would be to dynamically increase the height of the left column with Javascript on pageload to match that of the right column. Faux columns won't really work for you because of the border you chose in your design.

vinoman
09-26-2007, 10:02 PM
I haven't used javascript before. Where would I find out about how to use it for this layout?

_Aerospace_Eng_
09-26-2007, 10:14 PM
http://www.projectseven.com/tutorials/css/pvii_columns/

vinoman
09-27-2007, 12:51 AM
Thank you. I'll check it out.

twodayslate
09-27-2007, 01:31 AM
http://bonrouge.com/~fixH

vinoman
09-27-2007, 03:33 AM
http://www.projectseven.com/tutorials/css/pvii_columns/

Look at page now: http://www.linuxpcs.org/

I used the java script as per the article you mentioned. I don't think its working though. I also set the left column to 508px to match the right column. But if I make the right column longer will the left column match it?

Should I get rid of the column height in the left column?

vinoman
09-27-2007, 03:42 AM
http://bonrouge.com/~fixH

Would I copy and paste this javascript into my body tags? the article doesn't tell you what to do with it.

twodayslate
09-28-2007, 04:06 AM
Basically. You just have to have the correct classes.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum