View Full Version : Resize Footer

07-29-2007, 05:40 PM
Any ideas how to reduce the size of the footer, I change the height in the box section but when I do the text is all over the place



07-29-2007, 06:37 PM
Adjust the size of the font and change the padding.

07-30-2007, 08:36 PM
You have:

#footer {
background-color: #3399FE;
text-align: center;
padding: 10px;
clear: both;

Change your padding to like 5px or less.

Then you have for your footer text:

.style4 {font-size: small}

try using Pixel size for your fonts. Such as 10px. You will have more control this way. Also, for your footer you have this code for your "created by"

<span class="cview">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&copy; website creation by <a href="http://www.clearviewdesigns.co.uk" target="_blank" class="style10">Clear View Designs</a></span><br />

You have added a lot of spaces to get your text left aligned. Using something like a rightfloat might have worked better. All the &nbsp; just look sloppy.

07-30-2007, 10:20 PM
I would suggest you take a look at the code very closely as there is some unnecessary coding there. You should be able to easy half the page size by changing just half a dozen aspects, such as placing the CSS in a .css file and including it in the page. There is also coding in there for a flash object however there is no flash on the page.

You also have a couple of margin properties set out like this:

#suchas {
}You could easily change that to:

#suchas {
margin:10px auto 50px 20px;

As much as it is easy to use dreamweaver to generate the CSS (I admit I do it sometimes as well), I would recommend looking up on the CSS coding as you will likely find that you will shave away your page size.

Don't forget if you need any help with anything post on the site and someone will help you.

07-31-2007, 04:51 AM
Thanks guys will work on that

07-31-2007, 06:39 AM
Floats don't work in i.e!

Maybe soad would like to read this article:


Its only ie so floats should work ok in Opera, F.F etc


07-31-2007, 10:21 AM
Floats don't work in i.e! Bollocks :) Floats work in IE, but like with everything else, you have to have a few cards up your sleeve for when IE decides to get all emotional. If you have to fix the IE double margin bug, add display: inline like mentioned in the article.

Soad, I get a 403 error message when I try to access your site. Can you get it up again? I'm pretty sure your problem can be solved using minimal CSS.

07-31-2007, 11:24 AM
It back on www.nasaplant.com

Thanks for all your help

07-31-2007, 02:39 PM
Looks good Soad, do you have any issues left with the footer?

07-31-2007, 03:18 PM
I donít think so, got to remove some of the code like the unused flash & the excessive nbsp

Thanks again