Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 356
  • Last Modified:

image on right floats over footer address bar

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
0
nsitedesigns
Asked:
nsitedesigns
1 Solution
 
Mandeep KhalsaCommented:
One way would be to use the minimum height for your content div.

.content
{
min-height:100px;
}
0
 
J NUnicorn wranglerCommented:
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
0
 
GaryCommented:
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;
}
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
nsitedesignsAuthor 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.
0
 
nsitedesignsAuthor Commented:
i'll be dipped!  worked like a charm.  Thanks Cathal!
0
 
nsitedesignsAuthor 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.
0
 
GaryCommented:
Add padding-right: 30px; to .sidebar1{} or .display {}
0
 
nsitedesignsAuthor 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.....
0
 
GaryCommented:
Says who?
0
 
nsitedesignsAuthor 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.
0
 
GaryCommented:
Ahh rules are there for breaking!
0
 
nsitedesignsAuthor Commented:
I feel so naughty!  LOL
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now