Add blank space logo problems

A link to the failing site is worth a thousand words …

Well, the site may be po russki, but it’s still good, old HTML under the hood.

I used Firefox/Firebug to poke around the front page’s HTML/CSS. No offense, but the header area has some seriously confused layout. If I were working on this site, the first thing I would do is rework the header section both relative to itself and relative to the main page wrapper.

I went back and saw that you are using the Mystique theme. Then I went to the Mystique Live Demo and looked at what their header code looks like compared to yours. There are differences.

Suggestions:

1. Create a minimal header from the original Mystique code.
2. Add/change one thing at a time and the do a hard refresh to see what it looks like.
3. Lose the H1 around the img. It doesn’t add anything of value and it brings irrelevant CSS into play.
4. Pay attention to your image sizes. The one you have in the header is 1263px wide, which is *huge*. Most themes are designed to be used at somewhere around 900-960px wide, which means everything inside the theme boundary needs to be smaller than that. Mystique looks like it uses 940px.
5. Once all of that is done, *now* you can add your slide show.
6. By the way, be careful with position relative/absolute. They can be useful, but you need to understand how they work. It is easy to abuse these and then have them do weird things to your page.