Added header image, now left sidebar too low

[darkmoonfire]

Hello again
I added a header image, because I wanted the store name to be in a particular font. When I first added it, it was aligned left (where the default logo was) and everything looked fine, but when I changed "float: left" to "text-align: center" (in the stylesheet) the left sidebar has dropped down out of alignment.

I can't see what I've got wrong that affects this. I tried changing it back to float:left in case it was the left/center that was the problem, but the sidebar was still too low.

Could anyone help shed some light on this please?

The site is: http://www.organicsoapstore.co.uk/store/

Thanks
Sarah

[kobra]

Look in your stylesheet.css file and find this and adjust or remove the margin

.leftBoxContainer {
	border: 1px solid #ffffff;
	margin-top: 1.5em;
	}

[darkmoonfire]

Ah brilliant (didn't know "leftBoxContainer" was what I needed)

Thank you so much,
Sarah.

[kobra]

If you do not have and USE Fire Fox with the Web Developers extentions - Get it and ONLY design in it - leave IE until last and fix the "quirks mode" issues last.

[darkmoonfire]

Would that be Firebug? (that's what I just installed after reading your post)

After spending just a couple of minutes looking around that......



I'd been doing some of the changes in the Admin screen, and some of it by stumbling round in the dark in Notepad (with the help of the forum and tutorials).

Thank you.

I have to say, this is one of the friendliest and most helpful forums I've come across in a long time.

Sarah

[kobra]

Firebug is one you can use also but I was recommending this:

https://addons.mozilla.org/en-US/firefox/addon/60