hey all.

 

if you take a look at a site im working on, www.changemyworkout.com, im trying to have the div with color code #0066FF stretch the length of the body, adding 10 or 15 px to the top, right, and left. i cant seem to figure it out thanks in advance.

 

peace and love.

 

mike

are you wanting to get rid of the margins if so it is because browsers have automatic padding and margins, if you add this to your css it should help

 

 

html, body {margin:0; padding0;}

perfect. now im trying to get the banner down 10px, but when i try it brings the background with it. i just want the banner to shift 10px down within the top background. thanks again for the quick reply.

nevermind. i cheated and just put a 15px div at the top with the same background color.

scratch that. theres gotta be a correct way to get the banner down 15 or 20px. what do you think?

#how about

 

.banner {
 margin-top:15px;
}

add margin-top:15px; in your banners css attributes.

i had tried that earlier, i have it in now and as you can see it pulls down the whole div with it. i want it to move down but have the top stay the same color.

In the topbackground css add padding-top:15px; instead of having the margin...also its best to keep all your style info in the style sheet instead of starting to style inline as well, you have a perfectly nice css sheet you should use it (just because it will make editing easier later on and its good practice to keep the style info out the html )

thanks.