Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Grr! Css issue on my site

Featured Replies

Hi Guys

 

I have rebuilt my home site only I keep coming across the same problem. I have a DIV with a left border BUT the site is content managed, so if the left content is longer than the right content, the left border of the right content stops before the footer. It might be easier to see what I mean by going here. I have tried to set "height: 100%" but it does nothing. I can set the min-height, but this is a messy fix which may break depending on the content on the page.

 

Any help would be greatfully accepted.

Why not put your border in your #left div, I think ther will be about a 2px difference in its position.

 

Pat

  • Author

Thanks Pat, but putting the border on the right side of the left DIV leaves me with the same problem when the content doesn't force the DIV to expand as much as the right div. The right DIV is usually the longest so the problem is only obvious on one or two pages. Either side I end up with the same problem.

  • Author

Thanks bluedreamer, I had thought of that but it seems like a cop out as I must be able to make a DIV expand to fit the whole height governed by an adjacent DIV.

 

When needs must in the end, but does anybody have any ideas on using css to get this to work?

There are a few solutions to this. The easiest one in my opinion is like bluedreamer said, to make it a background image.

 

There are some other methods mentioned in this article: http://www.ejeliot.com/blog/61

  • Author

Thanks guys. What a faff!! Easy option is the bg image but I am disappointed it is this way. Oh well, on to the next project ;-)

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.