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.

Footer help required

Featured Replies

Hi

 

I am currently creating a website and am having problems with the footer

 

 

I want the footer to move with the main content area , dependant on how much content there is

 

 

If the main content area is positioned at 0px from the top it works correctly, moving up and down in

relation to the amount of content, but when I position it 300px from the top (where I want it to be due to header, banner buttons ect) the footer no longer appears at the bottom it is about half way up the page.

 

how do I over come this issue?

 

Iv spent hours and hours trying to overcome this any help would be much appreciated.

Can you post the code and/or link to the page affected. This will help people solve it better

  • Author
Can you post the code and/or link to the page affected. This will help people solve it better

 

 

Yes I was just publishing the page

 

Its in a mess at the moment and no design has been done yet looks terrible lol

 

its a joomla site http://69.162.73.43/~yellowbr/

 

 

 

/* Layer Name: content_joomla */

#Layer-5 {

position: relative; /* needed for footer positioning*/

margin:0 auto; /* center, not in IE5 */

height:auto !important; /* real browsers */

height:100%; /* IE6: treaded as min-height*/

min-height:100%; /* real browsers overflow:auto;*/

/*background-image: url(../images/bg/bg_blue.gif);*/

/*background-repeat: repeat-x;*/

background-color:#d3e1e4;

width: +730px;

left: +165px;

top: +392px;

 

padding: 0px 0px;

padding-bottom: 0em;

z-index: 5;

 

 

#nonFooter

{

position: relative;

min-height: auto;

}

 

* html #nonFooter

{

height: 100%;

}

 

 

/* Layer Name: Credits Bottom */

#footer {

position: relative; /* needed for footer positioning*/

margin:0 auto; /* center, not in IE5 */

height:auto !important; /* real browsers */

height:100%; /* IE6: treaded as min-height*/

min-height:100%; /* real browsers overflow:auto;*/

width: 80%px;

left: 0px;

bottom: 0px;

 

width: 200px;

height: 100px;

padding: 10px 1000px;

background-color:#000000;

text-align: center;

z-index: 1;

 

}

  • Author

Someone must know ?????

Someone must know ?????

 

Is your site still availiable for me to look at???? all i get is a login box?

 

Cheers

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.