Making Right and Left shadows extend with body area

  • This has to be a noob question, but I’ve looked everywhere, I can’t seem to get my clear:both to work properly.

    This is my theme structure:

    <div id=”container_wrap”>
    <div id=”left_gradient”></div>
    <div id=”container”>
    <div id=”page”></div></div>
    <div id=”right_gradient”></div>
    <div style=”clear:both;></div>
    </div>

    Here is the CSS for each div:

    #container_wrap {
		margin:0 auto;
			width:1033px;
			background-color:#000;
			height:100%;

}

#left_gradient {
width:20px;
height:100%;
float:left;
background-image:url(images/bg/gradient_left.png);
background-repeat:repeat-y;
}

#container {
	width:993px;
	background-color:#fff;
	float:left;

}

#page {
	text-align: left;
	width: 993px;
	border-top: none;
	margin: 0 auto;
}

#right_gradient {
width:20px;
height:100%;
background-image:url(images/bg/gradient_right.png);
background-repeat:repeat-y;

}

    This is driving me nuts. Any thoughts would be hugely appreciated.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter heerefishyfish

    (@heerefishyfish)

    thoughts? I know someone has to have an answer for this…

    Judging strictly by what you posted,

    Making Right and Left shadows extend with body area

    my gut tells me you should modify gradient_right.png and gradient_left.png and-or-the declarations to suit your needs. But that probably isn’t going to be correct. And this sort of throws a curve into the mix;

    I can’t seem to get my clear:both to work properly.

    It helps to have a visual cue. Only you know what your theme looks like at this point. Perhaps if you felt comfortable posting a link to your site so someone could take a look at it in action… or mention what theme you are working on, and you may get a nudge in the right direction.

    Thread Starter heerefishyfish

    (@heerefishyfish)

    Here is the site I’ve been referring to.

    https://honokohauvillage.com/

    If you notice, the gradients only go down halfway on the sides of the site.

    Also, I’d like to have the white body area not quite extend the length of the page, and add a gradient on the bottom of the footer.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Making Right and Left shadows extend with body area’ is closed to new replies.