Ruminations on a Life in Progress

Constantly changing

Previous Entry Share Next Entry
Anybody know CSS?
I'm so frustrated I could scream! I'm trying to make one of the pages of my website have a black background in the container div, but for some reason, something is overriding the .container style.

This is the css for the rest of the pages:

body {
margin: 0;
padding: 0;
color: #000;
background-image: url(images/pagebackgroundwtblktxt.png);
background-repeat: repeat;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
line-height: 1.4;
background-color: #951D1F;
.container {
width: 80%;
max-width: 1260px;
min-width: 780px;
background: #FFF;
margin: 0 auto;
border: medium solid #000;

The background is set to black, but it shows up white, I'm not exactly sure why?

the page I'm trying to change is located here: anthologies
and the index page is homepage

I've tried adding in the body color and background image to the html, which works, but the body and container still remain white inside.

My second problem involves the .sidebar div. I have it set to 20% width, and the height is auto which makes it run as long as the content in it, but I want the color to continue down the end of the page to the footer that floats at the bottom. I've tried changing the height to 100% which works on the pages that have little content, but the antho page is long and I have a feeling some of the other pages will get long as well and it just looks stupid ending halfway down the page.

CSS Code:

.sidebar1 {
float: left;
width: 20%;
padding-bottom: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
background-color: #981A1D;
color: #FFF;
height: 100%;

Any help would be gratefully appreciated!

  • 1
The only thing I could see, when it comes to changing the background from white to black, is try changing background: #FFF; to #000. Other than that, I have no idea :-/

I took a look at your code at the page. Only thing my debugger yelled about was that the STYLE tags (the one between the /SCRIPT and the /HEAD tags). It's missing the required attribute TYPE.

In the previewer, your BODY css results in a red background with black text. Your background image is set to tile in both directions.

Your CONTAINER css results in no background set (#FFF is not coming back as a valid setting). Black would be #000000 instead. Realize though that if you do this, you may not be able to see your text since it is also black.

I know this stuff can drive me batty too. When I can't figure out this crap with web pages, I generally pull the stylesheets and instead test things out by setting the properties directly on the page. That way you can test them out one at a time and find out "hey the background is black until I set THIS thingie over here...".

Hope that helps. If you want to look at stuff in an easy tool (well, I find it easy), you can download VB express for free from Microsoft. That's what I just used to get the previewer for your webpage and CSS elements.

Thanks for the help! I'm so not a coder :P I thought that black was #FFF and white was #000000. I even tried to set the page background in html, and make the container sit on top of that, but I think that just messed it up even more.

I'm actually trying to make the container text white on that page so that it shows against the black background, and when you load the page, it doesn't show up so I'm assuming it's picking up the white style.

I had a hard time getting the browser to recognize the stylesheet, so I tried to do the css directly on the page and then move it back to the stylesheet once I'd figured out what worked.

I'll try the VB express. It's been six months since I've had html and css, so my skill set is out of date. :P

  • 1

Log in

No account? Create an account