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
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
http://nsitedesigns.com/nsitedesigns/lakeshore/freestanding.html
Last Comment
do you want the footer to stretch across the entire screen ??
im not quite sure what you mean it lo
oks like this to me
im not quite sure what you mean it lo
oks like this to me
ASKER CERTIFIED SOLUTION
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
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.
ASKER
i'll be dipped! worked like a charm. Thanks Cathal!
ASKER
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.
Add padding-right: 30px; to .sidebar1{} or .display {}
ASKER
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.....
Says who?
ASKER
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.
Ahh rules are there for breaking!
ASKER
I feel so naughty! LOL
Web Development
Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.
77K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
TRUSTED BY
.content
{
min-height:100px;
}