CSS Layout troubles.

[DougofTheAbaci]

I've got a few problems. You can view it here to see what I'm talking about. Keep in mind that it's still being built!

Basically there are three things that I need to fix.

First, is that at the top and the bottom of the page three is a tan bar from a container div element that contains all the other elements. I have it's padding and margins at 0px minus the left side margin is 160px. The element that comes after that is set to "top: 0px;" but there is still that big gap. And, needless to say, I can't do a -20px or a measurement like that.

The second thing is that the right column with the navigation, how can I make that area extend the entire length without putting it in manually? I want the left and right columns to be the same height. Is there a way to do this?

And thirdly, after each paragraph there is an extra space. After certain ones I don't want a break, such as after  "Children's Services." I want it to be flush with the following paragraph. I think this might somehow be linked to my first problem...

You can grab the CSS and XHTML files via the same link, the files are "index.html" and "style.css" respectively. I've been testing them in both FireFox and Safari, latest versions of both, and both have the same problems.

[Keizuki]

Will add more later, but don't you need comma's between id/class names...

instead of #content .title you should have #content, .title

It may be ignoring the CSS rules? Ie. not getting applied to the HTML elements.

edit; may wanna check out my site as I kinda have a similar setup.

www.ragnaru.com

[DougofTheAbaci]

OK I've basically overhauled the script and CSS, changed a few things... Here's what it is now.

I still need to fix the spacing after the paragraphs as well as finish the navigation, but otherwise it's getting more towards alpha site material.

[edit]
A new little ray of happiness has entered my life. It shows up just how I want in Safari (Yay for 100% web standards compliance! ^.^) but in Firefox the images become lighter. No idea why, they just do. Then, to see if it was just my Firefox that was the problem, I tossed it into Internet Explorer on my mom's PC. The middle section's distance to the left side doubled shifting everything over and then it shows it a lot darker than it should be.

[Dark_Me]

in Firefox the images become lighter.

Different rendering engines I would say. No way to fix it unless you make the site feed different images to FF.

[DougofTheAbaci]

in Firefox the images become lighter.

Different rendering engines I would say. No way to fix it unless you make the site feed different images to FF.

Well that sucks... I have it now so the images look generally the same in FireFox and IExplorer. I've also fixed the spacing and nav issues.

The only problem is still that IExplorer pushes the central column and footer over twice as far as it should. Does anyone know why this is and what I can do about it? It works perfectly fine everywhere else!

[edit]
Damn IExplorer...

I fixed the problem. For some Unknown reason it would double the left margin. No idea why, it just would. So I got rid of the margin and used padding instead. All better now! And I was able to stop that pesky footer repeat by telling it "no-repeat" whoot for CSS!!!

[Sixter]

One tool I love for development of websites, especially difficult tableless CSS is the toolbar for Firefox/Mozilla browsers. You can edit the CSS with the page open, so you can pretty much see your changes real-time. It also has links to validators to make it easy to validate your CSS, HTML and so forth. I seriously wish IE would just go away. Make everyone's life a lot easier.

http://chrispederick.com/work/webdeveloper/

[DougofTheAbaci]

One tool I love for development of websites, especially difficult tableless CSS is the toolbar for Firefox/Mozilla browsers. You can edit the CSS with the page open, so you can pretty much see your changes real-time. It also has links to validators to make it easy to validate your CSS, HTML and so forth. I seriously wish IE would just go away. Make everyone's life a lot easier.

http://chrispederick.com/work/webdeveloper/

Yeah I heard about that on Lynda.com. It's damn useful!

By the way...

www.maclurelibrary.org

It's up. It's not done 100%, still needs some tinkering, but mostly done.

IExplorer is a bitch. I can't wait until it's finally updated for Web Standards support...

[Moondancer]

One question for you...
I'm looking at your website with a computer that has a non-flatscreen monitor (the one at home has a flatscreen, and I usually don't have this problem with it). I'm having problems reading because all the colors are so dark. Can you lighten the non-white text just a hair?