Topic: css multicolor background (Page 1 of 1)

Hello there:

Right now I'm trying to design a webpage, and I'm newbie in the css world, so please be kind.

I'm planning to use a background of three colors for my page, the first part I'm planning to use it for the logo, the second part for the page content and the third part for the credits.

The issue with this setup is that the content part will be variable, so I'll have to make that color expand as long as the content text does and I don't know how to do so.

Can somebody tell me how can I do this???.

P.S.: If need more information let me know.

Hi,

Basically you need to set the background of each section ( logo/header, content , credits/footer ), instead of just that of the body. If the content is centered or something, use paddings on the sections or margins on their children to position the content within the full width sections.

HTH

quote:

---

Basically you need to set the background of each section ( logo/header, content , credits/footer ), instead of just that of the body. If the content is centered or something, use paddings on the sections or margins on their children to position the content within the full width sections.

---

This can be acomplished with css ??????

Yep.

Have you checked CSS CSS and the associated sites ? or watched at some modern sites' markup and stylesheet ?

At worst I could upload an example of what you want after work.

How unnecessarily confusing, two FAQs called CSS...

jmhc, have you got together a design yet for your site? Or have you started on the code, we could take a look to see if you're heading in the right direction there.

I'll upload tonight a sample of what I want to acomplish.

Thanks for your help

so for your background of your content, it would have one color, the div containing the logo would have a different color and the credits would have something different as well.

content{
   background-color:#FF0800;
}

#logoDiv{
    background-color:#00FF00;
}

#creditsDiv{
  background-clor:#0000FF
}

from there you just make all your other settings as far as padding, fonts, etc...

Later,

C:\

This sounds like a serious case of RTFM.

There are a lot of great CSS introductory tutorials out there, and it sounds like a good HTML tutorial could be needed as well.

If you set your HTML up properly, it will be a very simple matter to style the sections however you need them.

For the CSS tutorials, click the Gurus Network button at the bottom. There are several very good ones there.