Help with header/logo

[anlill]

I tryed to follow the instructions here:
http://www.zen-cart.com/forum/showth...=102274&page=3
I can't get it to look right in firefox, it looks great in IE, anyone know what I might have done wrong?

Also in IE I have this red x image box showing over the logo and I can't seem to be able to remove it.
I have searched, read and searched again and did not find what I was looking for.

Can someone explain this to a CSS/html impared newbie?

Need to add that this is the first time I have ever seen a code html or css so for me just to be able to customize anything is a miracle LOL

My store is http://www.princess-sophie.com/shop/

[gjh42]

A couple of things:

You have added the #frame outside of #mainWrapper, so all the margin etc. styling that applies to #mainWrapper meeds to be applied to #frame too, in order to position the frame.

You must be working with a large monitor (1200px+), because the fixed frame width can never be seen properly in a 1024x768 monitor, let alone 800x600.

You have something that may be an attempt to comment out the #logo, but it is incorrectly formatted and will cause some errors:

	background-color: #faf3f3;
	}
****************************Jeg har satt inn denne her
#logo {
display: none;
}
******************************************************
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {

If you want that commented out, do this:

/*
#logo {
display: none;
}
*/

[anlill]

Yes, I have a big monitor 1440x900

So you think the best thing for me would be to adjust the width of my entire store then?
I have set it to 1000px and the frame is outside of that.

I did open my site on my both of my portable computers one with 15 inch screen the other with 17 inch screen.
It looked great in IE, and I could see the frame on both of them and they are older model comps and ment for
common household use.
Might have to add that my store products is high resolution designs to use for photo enhancement, and I doubt
that my customers have extreme low resolution monitors. I can't see that they would be able to work with digital
scrapping on monitors like that.

But can I just move the frame? Or do I really have to apply all the main wrapper styling to the frame *sigh* LOL
If so what codes exactly need to be added to the frame?

After changing the the code you mentioned for the additional image box it is still showing. Is there anything else I can do?

[anlill]

I think I finally managed to get this all sorted but I lost my image map for the header so I need to sort that again.

If someone takes a look at my store to confirm that the empty image box with the red x is no longer placed over my header.
And that the borders are placed on each side of the store where it is suppose to be.

I had a empty space underneeth the header as well and I think I sorted that too.

This coding and customizing store thing is so cool, I feel I am learning a ton of stuff, I love it!

[anlill]

Nah, I am still having issues LOL

Now I have tryed to code the image map into the tpl_header.php
In IE the image map seems fine but still I have that stupid empty image box with the red x
In firefox I don't seem to have a image map over the header.

This is hard

[anlill]

Anyone?