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.

CSS Footer Problem

Featured Replies

Hello Everyone!

 

So I have just a quick footer problem, just started making a website tonight, however as you can see from the page (link below) I have applied a z-index property so the div with the white background underlaps the header, but i cannot for the life of me figure out how to make it work with the footer.....at the moment there is a gap of about 10px which is just plain annoying and splits the flow of the page...... I think it could be the code I have used with the footer to make it sticky........

 

Any help would be greatly appreciated, many many thanks! I have left the code just on the index page so easy viewing......

 

Thanks again and have a good weekend!!!

 

LINK HERE :)

just played in IE8 developer tool and removing the top: -10px from #contentwrap sorts it BUT does create a gap at the top. Another play and changing the height of #header to 107px seems to have everything hunky dory.

  • Author

just played in IE8 developer tool and removing the top: -10px from #contentwrap sorts it BUT does create a gap at the top. Another play and changing the height of #header to 107px seems to have everything hunky dory.

 

 

You my friend are my Hero of the day :)

 

Using this method I just tweaked the code a tiny bit and now it looks perfect. I took off the drop shadow effect too as I think it looks better.

 

Thank you again!

Sansproof, I really like the design of your website so far. Good job :)

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.