Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Curved Edges Issue

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #27455
    SimonJak
    Member

    Hi guys,

    I’ve never really dabbled with anything but CSS1, but today I couldn’t take no more and thought s***w IE. So here I am. I am trying to put a div with curved edges inside another div with curved edges, effectively its a double border. But the problem is the inner border (where the border would be if there was no curve), is using the background color of the body tag and instead I want it to use the outer border color.

    Final Note: This is an almost triangle shape between the 2 curves which is the background color of the page (which in programmer talk == ‘Very Annoying’)

    Here is some HTML
    —-

    <body>
    <div id="entire_content">
    <div id="topnavbar">
    </div>
    </div>
    </body>

    Here is some CSS
    —-

    body {
    background:#669dca;
    }

    #entire_content {
    width: 90%;
    border: 4px solid #fff;
    -moz-border-radius:7px;
    -webkit-border-radius: 7px;
    }

    #topnavbar {
    padding: 3px;
    background-color: #257dc5;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius:7px;
    -webkit-border-top-right-radius:7px;
    }



    I don’t know if there is a fix for this because what it is doing is almost logical.

    But anyone who can help me, serious deserves some brownie points because Arghhhhhhhhh I’m going loopy.

    Many Thanks
    ~ Simon

    #69136
    SimonJak
    Member

    bump

    #69141
    TheDoc
    Member

    People will be far more inclined to help if you provide a live page that you’re working on!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.