image on right floats over footer address bar

nsitedesigns
nsitedesigns used Ask the Experts™
on
How do I make it so that the footer always goes below the long image on the right.  I thought the <br class="clearfloat" /> would fix it but it isn't.

.clearfloat {
      clear:both;
      height:0;
      font-size: 1px;
      line-height: 0px;
}

http://nsitedesigns.com/nsitedesigns/lakeshore/freestanding.html
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
One way would be to use the minimum height for your content div.

.content
{
min-height:100px;
}
J NUnicorn wrangler

Commented:
do you want the footer to stretch across the entire screen ??

im not quite sure what you mean it loscreen shotoks like this to me
Expert of the Year 2014
Top Expert 2014
Commented:
Move this
<div class="display"><img width="259" height="606" alt="Lakeshore POP Display" src="img/display_bluecross.png"></div>

into your sidebar and set the css to just this (nothing else - remove the position etc)
.display {
    float: right;
}
Should you be charging more for IT Services?

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Author

Commented:
The footer goes OVER the display on the right.  I would like footer to be situated LOWER than the display so that they do not touch.

Author

Commented:
i'll be dipped!  worked like a charm.  Thanks Cathal!

Author

Commented:
While it worked I now need to move display away from right margin a tad. I can't add padding or margin on  the right to a right floated image.  The sidebar is floated to the right too.  If I change the container, it will mess up the site.  What do you suggest I do?  Ideally, I would like to add 30px right margin or padding to the display.
Expert of the Year 2014
Top Expert 2014

Commented:
Add padding-right: 30px; to .sidebar1{} or .display {}

Author

Commented:
I thought you should NEVER add padding OR margin to something that is floated in the same direction.  Both of these divs are floated right.....
Expert of the Year 2014
Top Expert 2014

Commented:
Says who?

Author

Commented:
I am not sure where I heard this (and it was years ago) but it was a very strict rule that you were to never ever break.  I did add a margin to the float and it took so I guess that was maybe an old rule.
Expert of the Year 2014
Top Expert 2014

Commented:
Ahh rules are there for breaking!

Author

Commented:
I feel so naughty!  LOL

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial