Jump to content

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

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • 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.