Rounded Corners & Background Color Problems

  • Author
    Posts
  • #276754

    sundrop74
    Member

    I’m using rounded corners on my header and footer divs, and in order for them to display correctly, I have to define my content’s background color using the container div instead of the wrapper div. If I define the background color in the wrapper div, my rounded corners don’t display correctly.

    See: http://inrepair.files.wordpress.com/2008/10/corner_problem.jpg

    This works great except on short pages, where the background color only goes to just below the post and doesn’t extend down to the footer.

    See: http://inrepair.net/contact/

    Is there a workaround so that I can keep my rounded corners and have my background color go all the way to the footer?

    #276925

    sundrop74
    Member

    That first link isn’t working for some reason. Try this one: http://inrepair.files.wordpress.com/2008/10/corner_problem3.jpg

    #276956

    vivianpaige
    Member

    I put a tag on here for one of the experts to take a look. I honestly have no idea. (But once you figure it out, I may have to steal it :) )

    #276965

    sundrop74
    Member

    @ vivianpaige: You’re welcome to “steal” any of my css. I’ve borrowed alot of it myself. ;)

    #277120

    sundrop74
    Member

    Just wanted to bump this up. Anyone have any suggestions?

    #277138

    vivianpaige
    Member

    Hm, guess delta hasn’t been around.

    #277140

    deltafoxtrot
    Member

    I wasn’t. My notebook is broken and I’m writing this from an iPhone. Plese don’t expect me to do anything till next week. Just bump this thread on Monday to force it into my reading list.

    #277144

    sundrop74
    Member

    @ deltafoxtrot: I decided to go with rounded background images instead of the -moz-border styling. This was a little more difficult, but it makes my site appear the same in all major browsers. ;)

The topic ‘Rounded Corners & Background Color Problems’ is closed to new replies.