[Theme: Coraline] Changing background color of #content-container

  • llalib

    (@llalib)


    13 years ago

    Site I am working on:

    idol3.idolreview.org

    Coraline by default has the same bg for the body and the content area. I am trying to change this to patterned in the body, and white in the content area. I almost got this by modifying the #content-container tag to add the background #fff

    #content-container {
	width: 100%;
	margin: 15px;
	display: block;
	height: 100%;
	background: #fff;
	}

    Everything looks great on pages where the content is taller than the sidebar. On several of the pages where the sidebar is taller than the content, the white background color stops at the bottom of the content and the sidebar content overflows into the body background color (see this page for example).

    I have tried for awhile to tweak this this with no success. I can change the BG of the sidebar but it only changes the the sidebar area, and the “blank” content area is still the body BG color. I also tried creating a new container to put around the #content-container and sidebar areas, and that seemed to make things worse. my objective is to have the white background run to the bottom of the sidebar and/or the content (whichever is taller).

    I am also having some issues with the sidebar in IE, but I will hold off on trying to fix that until I can get this background issue resolved. Thanks in advance!

Viewing 1 replies (of 1 total)

  • Try this:

    #content-box{
    overflow: auto;
    position: relative;
    height: auto !important;
    height: 100%;
    width: 100%;
    background: #FFFFFF;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘[Theme: Coraline] Changing background color of #content-container’ is closed to new replies.