Problems Isolating and Removing Boarder Around Header

  • 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.

    Mod

    Kenneth John Odle

    #44186

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

    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

    #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

    #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.

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.