Avatar of nsitedesigns
nsitedesignsFlag for United States of America asked on

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
CSSHTMLWeb Development

Avatar of undefined
Last Comment
nsitedesigns

8/22/2022 - Mon
Mandeep Khalsa

One way would be to use the minimum height for your content div.

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

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
ASKER CERTIFIED SOLUTION
Gary

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
ASKER
nsitedesigns

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.
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes
ASKER
nsitedesigns

i'll be dipped!  worked like a charm.  Thanks Cathal!
ASKER
nsitedesigns

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.
Gary

Add padding-right: 30px; to .sidebar1{} or .display {}
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.
ASKER
nsitedesigns

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.....
Gary

Says who?
ASKER
nsitedesigns

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.
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck
Gary

Ahh rules are there for breaking!
ASKER
nsitedesigns

I feel so naughty!  LOL