spacing issue

[jrthor2]

Can someone please take a look at http://www.zluth.org and tell me why in FireFox, there is a 1 pixel blank space between the left hand navigation and the right side (where the content is)? I have been looking for weeks.

[ccoppenbarger]

Can someone please take a look at http://www.zluth.org and tell me why in FireFox, there is a 1 pixel blank space between the left hand navigation and the right side (where the content is)? I have been looking for weeks.

For a quick fix, take the width of .lhs down to something like 15px and you'll see the line disappear. It appears to have something to do with your background images and background coloring. I noticed that you're also using table layout for your positioning. What you're doing can also be done using CSS absolute positioning and you would probably do better using a background-color for the inside rather than background-image. Without tables and background-images, the page will load faster. Just some tips and hints. We've done a lot work with this sort of thing on our site at www.ciu.edu (http://www.ciu.edu) . No table layouts.

Chris

[jrthor2]

Thanks, that fixed it. How do you replace tables with css? This is the first site I've done that I have used this much css on.

Thanks again.

[ccoppenbarger]

Thanks, that fixed it. How do you replace tables with css? This is the first site I've done that I have used this much css on.

Thanks again.

Use <div> instead of table. Think of everything as a block on the page. A few sites I have done which rely heavily on css are Interprep, Inc. (http://www.interprepinc.com), CJ Communications (http://www50.brinkster.com/cjcomm) (my personal site), Three Rivers Baptist (http://www.3rbc.com/new_trb/index.php) (still in progress, hence the long address), and Columbia International University (http://www.ciu.edu). If you have the developer's toolbar for Firefox installed, you can view css and block elements a lot easier. Your site shouldn't be too hard to convert to <div> since you are using css so heavily on it already.

A good tutorial on CSS is the one over at W3 Schools (http://www.w3schools.com). Also check out Builder.com (http://www.builder.com). I hope this helps.

[jrthor2]

1 other question. I have some javascript on my frontpage that will not validate as valid xhtml 1.0 transitional. If I take the javascript out, the page validates fine. How can I get the page to validate, keeping my javascript scroller?

Thanks!