Jump to content

Extending borders


ryan.od

Recommended Posts

If I have a two column layout with varying amount of content in the right division, how do I ensure the border between the left and right division always reaches the cleared footer at the bottom?

See it here. . .

http://www.evaluationsite.com/login/login.php

Currently, the border is a left-border applied to the right column. If I switched the border to a border-right applied to the left column, it would fix the problem. However, as soon as there is enough content in the right column to push the footer down, I have the same problem again.

I know this is common issue. . .I just don't know what the answer is. Thanks.

Ryan OD
Link to comment
https://forums.phpfreaks.com/topic/26135-extending-borders/
Share on other sites

You cannot use a left border on the right column or a right border on the left column because there is varying amounts of content in each column and CSS borders only extend down to when the content ends.

As such, if you use a left border on the right column and on some page the right column is shorter than the left column, the left border will not reach the footer division. . .there will be a gap.

Thanks for pointing out the div issue. I'm developing a full CMS / blog / ecommerce solution for a company in Portland, OR and have yet to slow down to look for issues such as that. I owe you one!!

RyanOD
Link to comment
https://forums.phpfreaks.com/topic/26135-extending-borders/#findComment-120167
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.