hello everyone.

 

I've used a free css template, which has a very basic layout. In order to explain the problem, please have a look at the screenshot below:-

 

 

I want to continue the white content area onto the red circled area, so that it joins onto the footer, but it won't do it and isntead I get the greybackground covering it. I'm sure its a simple problem which i can't understand, but you web gurus should be able to fix it in no time.

 

Pls pls help me here!

A link to the page, or the code itself would be better.

If the nav and content are in one div, then it should work by setting the background of that div to white.

wrap all in #container

 

clear:both in footer

 

Shoud fix your problem.

thank u n0xx. I'm a little confused as to what you've just said. Where do i change this from?

 

thanks again!

On second thoughts, here is the coding for container, content and footer:-

 

#container {

width: 900px;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

}

 

 

#content {

float: right;

width: 80%;

background-color: #7f7961;

font-family: Arial, Helvetica, sans-serif;

font-size: x-small;

color: #FFF;

}

 

 

 

#footer {

width: 100%;

clear: both;

border-top: 1px solid #cecece;

text-align: center;

padding: 5px 0;

color: #fff;

background: #666;

font-family: Arial, Helvetica, sans-serif;

font-size: small;

}

OK GUYS, please ignore the above. I have uploaded my site to DELETED!

 

Can you see the problem with the menu? i.e. the background is showing

 

I want to eithier extend the menu or i want a black band continuing down upto the footer.

OK GUYS, please ignore the above. I have uploaded my site to http://www.temp.yorkshirepc.co.uk

 

Can you see the problem with the menu? i.e. the background is showing

 

I want to eithier extend the menu or i want a black band continuing down upto the footer.

 

Save the attachment from this post, upload it to the same folder as the rest of your style images.

Modify the #container CSS to:

#container {
width: 900px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background:url(images/container_bg.gif) repeat-y center top;
}

thanks so much mrbrightside - need to pick kids from school...will do this after that and let u know!

 

many thanks again!

thanks very much mrbrightside. Its worked!!! Now the only problem is that it looks kind of weird, so i'm wondering if you guys can kindly take a look at the site and tell me what looks wrong about it...is it the colours (too much black??), layout, fonts?

 

What changes can you experts recommend...FYI this is a computer repairs site.

 

thanks a million again!

come on guys...someone pls give me some advice...i want ur opinions!!!

come on guys...someone pls give me some advice...i want ur opinions!!!

 

Try posting it in the reviews section and you'll probably get more replies

 

The main content looks like far too much text and could do with a banner at the top or some images.

The font-size too small and should be increased, along with which you should increase line-height in the content area to make it more easily readable.

 

The footer just looks like it's stuck on, would be better if you added it nicely with a yellow border like the other sections.

Try posting it in the reviews section and you'll probably get more replies

 

The main content looks like far too much text and could do with a banner at the top or some images.

The font-size too small and should be increased, along with which you should increase line-height in the content area to make it more easily readable.

 

The footer just looks like it's stuck on, would be better if you added it nicely with a yellow border like the other sections.

 

Well thank you for your opinion mate, I will take everything into consideration. I will post on now in the reviews section

Hi,

if you pasted code it would be better. Ok, can you please check with this code before footer tag.

 

.clear{

clear:both;

}

 

Thanks,

Abhilash

 

hello everyone.

 

I've used a free css template, which has a very basic layout. In order to explain the problem, please have a look at the screenshot below:-

 

 

I want to continue the white content area onto the red circled area, so that it joins onto the footer, but it won't do it and isntead I get the greybackground covering it. I'm sure its a simple problem which i can't understand, but you web gurus should be able to fix it in no time.

 

Pls pls help me here!

Hi,

if you pasted code it would be better. Ok, can you please check with this code before footer tag.

 

.clear{

clear:both;

}

 

Thanks,

Abhilash

 

 

Thanks abhilash...you may not have noticed, but i've managed to fix that problem now.

 

But thanks again