Forums

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

Home Forums CSS Rounded corners

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #27726
    revok
    Participant

    Hi

    I am trying to make a rounded corner div as explained in this screencast:
    http://css-tricks.com/video-screencasts/24-rounded-corners/

    However it doesn’t workout as well as shown in the example.
    You can see for yourself here:

    http://www.simontornby.dk/test.html

    The background image is visible behind the top and bottom image which is not intended. I can’t see any difference in the code in chris’ example and in my code, but I clearly am doing something wrong:

    css:

    Code:
    #page-wrap { width: 960px; margin: 25px auto; }

    .main { width: 677px; background: url(/img/main-mid.png) center repeat-y; margin: 10px 0;}

    .main .inside { padding: 0 20px;}

    html:

    Code:

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Any heelp is much appreciated

    Thanks
    Simon

    #70018
    supermankd
    Member

    Validate your code first and see if it fixes your problem. You are missing some of the very basic page structure.
    http://validator.w3.org/check?uri=http://www.simontornby.dk/test.html&charset=(detect+automatically)&doctype=Inline&group=0

    Take a bit of time to educate yourself on the differences between the xhtml strict and transitional, html 4.01 transitional… and how make a basic page structure code snippet. Don’t underestimate the importance valid code and understanding the fundamentals.

    Good luck!

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