hi, my footer occasionally moves up the page to the side of the left navigation bar. am i right in thinkning i have to insert a clearing float beneath the left hand navigation bar ?

 

if this is true how do i go about doing this

 

many thanks

 

daver

You could also set the width of the footer container to 100%, but yes, clearing the footer will also achieve the same effect.

 

It would help if we can see the problem page.

Bro there are many process of clearing the float effect and the problem you mentioned is due to the float effect.

Cleck the code below

.spacer {
clear:both;
font-size:0;
line-height:0;
}

after the navigation panel i.e. before the footer panel you can add this <br class="spacer" /> and your problem may fix.

 

If this doesn't work then you please give the link of your work so that we can have a look what you have done.

I would advise against using <br> or any other random element just to clear the floats. As Subhajit said, there are many ways to fix this issue, and adding extra elements for the sake of it shouldn't be one of them, it isn't very semantic for starters

I would advise against using <br> or any other random element just to clear the floats. As Subhajit said, there are many ways to fix this issue, and adding extra elements for the sake of it shouldn't be one of them, it isn't very semantic for starters

 

I think bro RobH is right as adding <br> mostly create problems in Mac Safari ( takes extra space ),

but its the easiest way so I suggested but it can also be done by adding the clear style in Footer class too..

I would advise against using <br>

 

 

I think bro RobH is right as adding <br> mostly create problems in Mac Safari ( takes extra space )

I agree too,

Try adding Clear: both; and Float: None; too the footer itself.

It's not just that the <br> creates extra space in Safari (that can be fixed), it's also that you are adding superfluous elements to the page.

It's not just that the <br> creates extra space in Safari (that can be fixed), it's also that you are adding superfluous elements to the page.

 

I didn't thought this...

I do appreciate you......