Hello everyone!

 

I'm having some trouble with my guitar repairshop website, which is being done by myself. I'm not a pro, so please bear with me - the CSS mighty newbie - for a little while please.

 

There are some floating divs going on containing the logo, navbar, content area, etc. What I would like to do is to center the site horizontally (which I already managed to do) and vertically, in most browsers.

 

As you can see, my website is centered horizontally but not vertically.... BUT, the background's centered vertically in Google Chrome and IE7. Also, the floating divs are kind of messed up.

 

In Opera/Firefox (fine but not vertically centered):

 

 

In Chrome/IE (the background is vertically centered but I get D.D.S.: dodgy divs syndrome):

 

 

 

As I find myself a bit lost, I thought I'd bug you about this subject.

 

Any help is extremely welcome, so thank you in advance for reading.

 

Regards

Hi,

 

see Hicks' technique for vertically and horizontally centering a container <div>

 

 

Sameer

rosiesp, that worked out wonderfully. Thank you so much!