jegranet

Where the content overlaps the header image the background should be white rather than transparent.

This is my css. I messed about with it so much now I have now lost the overlap. I have put it up on www.testtemplate.co.uk

body { font: 80% Verdana, Arial, Helvetica, sans-serif; background:#f6efe5; margin: 30px auto; padding: 0; color:#666666;}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px;}

h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:36px;color:#FF9966;}

p {line-height: 140%;}

a img { border: none;}.tag {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666666;}

.container { width: 960px; background: #f6efe5; margin: 0 auto;}

.header1 { background:#f6efe5; width:inherit;}.header2 {background: #f6efe5;width:inherit;height:350px;}.header2 img {z-index: -1;

}.content {background-color: #fff;margin: -100px 120px;background-color: #fff;

}

Hi Dave, Yes I am - using Dreamweaver.

http://lea727.wix.com/telfordhomeboarding

That should do it. I must have misread the re-direct. My daughter was building it on Wix, however I offered to build it on her own server, but she likes this style and I don't have a problem with the overlap except the background colour. It becomes transparent in the header.

Hi, I am trying to replicate the style of this website www.telfordhoming.co.uk, however I cannot get the background to remain white where it overlaps into the header. Please can anyone help.

Thank you very much. I had competely forgotten to put it in a container. It is working perfectly.

I want to create a grid of six text boxes 200px x 200px, with different coloured backgrounds and text with three on top row and three on bottom row without using a table. Is this possible. I have created other floated boxes, but usually a single with text wrapped around them.

Why does this center on every browser except IE...? 444web.com/amac/cookbook-test/ Oops i fixed it. Had no doc type

Thank you for responding. I have now solved the problem.

Thank you both. I used margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto; and that worked. Still don't understand why the first one didn't work. (margin: 0 auto;). Now my footer is not working. It is showing 100% instead of site width. Don't you just hate it when stupid little things keep you busy a whole day.

Moved this site to www.chilli-gift-shop.co.uk Nobody got any ideas yet. I have tried changing css to: #wrapper { width:950px;background:#848484;margin-left: 0 auto;margin-right: 0 auto;}but still no joy.

which background do you want to change: This changes the background: background-color: #EEEEEE; you just put it in the section where you want the background to change,

My site is not centreing, despite using, #site { width: 950px; background:#848484; margin:0 auto; }; see: www.templatetest.co.uk Can anyone see what the problem might be. I have never had this problem before and wonder if it is a conflict with something else in the css file.Jean

chilli.css