- This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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:
.main { width: 677px; background: url(/img/main-mid.png) center repeat-y; margin: 10px 0;}
.main .inside { padding: 0 20px;}
html:
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
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!