[Anonymous]

Anonymous

#9628

I’m redesigning my site but am having trouble identifying the cause of a thin white border around the Header. I used “Inspect Element” and tried several settings for #header, #php_widget-3 etc. but to no avail. Switched to Firebug and noticed that the white border does not seem to appear in Firefox so I could not identify it that way either.

Yep, already checked out several similar support topics but still no luck. Any advice would be greatly appreciated.

[Kenneth John Odle]

Kenneth John Odle

#44186

I don’t see this. Did you manage to resolve it?

[Anonymous]

Anonymous

#44187

It is working in Firefox and IE but not in Chrome and Opera.

After the following code edit it will look like this:

http://i.imgur.com/903JctP.png

#header {

width: 0%;

}

I think this happens because the browser can’t find the image. If you set a header image it should be gone without the edit above.

http://stackoverflow.com/questions/4743127/chrome-safari-display-border-around-image

If I disable your custom header height of 100px back to 200px the border stays around the 100px height.

http://i.imgur.com/7UMxqX4.png

You also have a “#header-left” and a “#header-right”. It probably has to do with it because if I hover these 2 values it only marks the area within the 100px and not the 200px.

Maybe Kenneth knows what’s up with all that.

[Anonymous]

Anonymous

#44188

Quite right and thank you. I have tried the header as a single image and the white border does disappear in Chrome, hence the reason I though it may be related to the #php_widget-3 I am using to lay out the 3 separate images (i.e. left, center and right) with space between to resize according to the screen width.

Perhaps this is something I’m not meant to do in Graphene?

[KingSwiff]

KingSwiff

#44189

Hello.

I also had a “fight” with the border in the header, but here you can see, no border:

coolgear.dk

Here is what I did. I put this in custom CSS:

#header {

border-top: none;

border-bottom: 1px solid #000000;

height: 90px !important;

}

The 1px border-bottom is the black thin line in menu.

In settings I have set the header for 0px.

Make one image and put it in the header-widget and be sure it the same size as the height in header-code. You can make a link on the image, but if you start building a table – the border will come back.

I hope this will works for you.