Hi all.

I'm hoping someone here will be able to help. I'm not too bad at CSS but this is driving me batty.

I have a banner that I have created using random images from the image module and views. I need to center the banner on the page, but of course it is actually 3 separate images that look like a single banner.

Here is the site in question:
http://www.belkantoclients.com/aaswg-website

username aaswg
temporary pass Sunshine23

Any ideas? It is probably something simple that I am somehow missing from looking at it for days!

Thanks,

Shrill

Comments

mshepherd’s picture

I just added this bit of CSS:
#banner {
margin:0 auto;
width:800px;
}

and it worked.

Matt

shrill’s picture

I can't believe how easy that was! I was sure I tried that...obviously not.

I did have firebug but when I upgraded to the newest Firefox it informed me that Firebug was not compatible. Grrr.

Thanks so much!

Shrill

mshepherd’s picture

firebug 1.2 has now been released and is compatible with firefox 3
https://addons.mozilla.org/en-US/firefox/addon/1843
Enjoy!

mshepherd’s picture

I forgot to pass on my sympathy. I know the feeling of staring css in the face for days on end and it not making sense. I'm sure we've all been there!
Matt

saltcod’s picture

ps: got Firebug?

mshepherd’s picture

Yes, if you don't have it, get it!
It's a firefox add-in and it makes handling css issues a good deal easier.
matt