Can someone please take a look at [URL=http://www.zluth.org]http://www.zluth.org[/URL] 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.
@ccoppenbargerOct 26.2005 — #Can someone please take a look at [URL=http://www.zluth.org]http://www.zluth.org[/URL] 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.[/QUOTE]
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 [URL=http://www.ciu.edu]www.ciu.edu[/URL] . No table layouts.
@jrthor2authorOct 26.2005 — #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.
@ccoppenbargerOct 26.2005 — #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.[/QUOTE]
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 [URL=http://www.interprepinc.com]Interprep, Inc.[/URL], [URL=http://www50.brinkster.com/cjcomm]CJ Communications[/URL] (my personal site), [URL=http://www.3rbc.com/new_trb/index.php]Three Rivers Baptist[/URL] (still in progress, hence the long address), and [URL=http://www.ciu.edu]Columbia International University[/URL]. 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 [URL=http://www.w3schools.com]W3 Schools[/URL]. Also check out [URL=http://www.builder.com]Builder.com[/URL]. I hope this helps.
@jrthor2authorOct 26.2005 — #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?