| Author |
Floating and not floating
|
|
| Usenet 2006-04-13, 6:40 am |
| I might be being silly here.
On my links page I've got a whole load of floating boxes, which I'm
really pleased with.
But then I want the footer to be *below* them.
On my current site (http://www.vowleyfarm.co.uk/CommunityLinks.htm)
I've cheated by putting the footer in a floating box as well, but now
I'm moving to using a CMS I would like not to hack my page template
in this way.
Another way would be to have the "correct" number of <br />'s in the
div with the floating boxes in, but you'd probably have a go at me
for that too.
Can it be done, and how if so?
TIA
Mark
| |
|
| Mark, you might give this a try:
<div id="footer" style="position:absolute; left:0px; bottom:0px;
height:55px; width:90%">footer text here</div>
But i think i recall firefox having a problem with that. in which case
I've also done this by applying a percentage value to the top property
of the absolute positioning. You have to play with it a bit to get it
just right, but the following may work for you:
<div id="footer" style="position:absolute; left:0px; top:95%;
height:55px; width:90%;">footer text here</div>
If those two don't work, then you might try floating your footer and
use clear:both within your footer float. Haven't tested that, but it
may be worth a try.
-Jim
| |
|
| MARK-- I JUST TESTED MY PRIOR SUGGESTIONS AND THE
[ FLOAT:LEFT; CLEAR:BOTH ]
SEEMS TO DO IT.
Using your code, here's the solution which works in msie and firefox:
<div id="bottomBar" style="float:left; clear:both; margin:0px;
width:97%; height:75px; background-color:green; color:white;">your
content here </div>
*** PUT THE ABOVE DIV ON ITS OWN (IE: NOT WITHIN THE OTHER DIV ON YOUR
PAGE LIKE IT IS NOW) and at the end of your page after all the other
float code.
| |
|
|
|
|
|
|
|
|
| Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |