Footer CSS or Table

[harryd]

What would be the best for the footer.

I would like to add 4 banners horizontal. I found this style in the book but it can't make it work

 

 

div#aaa {position : a;}

div#bbb{position: b;}

div#ccc {position: c;}

div#ddd {position: d;}

 

 

Thanks to killersites members I finished my #content with div.news with 2 cols.

 

I would appreciate some suggestions for the footer. I am trying to add 4 horizontal banners on top and links under.

 

Thanks

HD

[newseed]

You didn't say how wide the footer is going to be but let me assume that it's 900px wide and based on the code you gave it looks like the banner images are 200px wide each.

 

You can do this with one css class and id:

 

#banner-wrap {width: 800px; margin: 0 auto;}

.banner {float: left; width:200px;}

 

 

This will place all four banners horizontally and centered.

[harryd]

The footer is 900px wide.

 

Thanks to newseed the banners are now horizontal.

I would like to center them and have same space between.

 

Thanks

[falkencreative]

Try this, and adjust based on how much spacing you need:

 

#banner-wrap {width: 880px; margin: 0 auto;}

.banner {float: left; padding: 0 10px; }

 

[harryd]

Thanks Benjamin.

Almost. Now I have the padding, still not centered. First banner has more room on the left than the last one.

 

Thanks again

[lm]

If you have Firefox, install developer bar .

On a left side of this bar is a button: CSS - Edit CSS.

Now you can change margins and paddings live in browser to center the banner div.

When you ready with editing, you can save your CSS file, replacing the old version.

[Andrea]

And if you also get Measure It, you can measure the spaces you have, and do some math as to what you need to change.

[harryd]

Thanks a lot.