>
> I have seen advice as follows: forget CSS and just use tables for
> something as simple as this; use Javascript (x.js) to get x-browser
> compatibility; write it quick and dirty in MS Powerpoint (! that has
> to be a bad idea, no?); use browser detection and write several
> versions.
That is the worst advice I have ever heard. Wherever you read that, promise
you will never visit those websites again?
Anyway, here is some good advice:
Your site looks like it is already cross-compatible. That's the benefit of
simplicity. However, you are still using the < br > tag. If you use < br >,
you have to type it as < br />, so it closes itself. Otherwise you have
unclosed tags, which is invalid. However, you shouldn't need to use < br />.
Any place where you have < br />, take it out, and apply a bottom margin of
1em to the element above it.
For example, you have a UL for your navigation. Note: A UL is a list. The
list needs list items, called LI. so it should be:
< ul >
< li > < a href = " " > < /a > < /li >
< li > ... < /li >
< /ul >
Then, do this.
< ul class="navigation" >
...
< /ul >
and in CSS:
.class li { margin-bottom:1em }
or margin-bottom:2em, if you like.
If you get it to work, you will see, no need for < br /> !!
The best way to center the layout might be to put the three divs (left,
center right) in a single div, and apply this to the wrapper div:
#wrapper { margin: 0 auto 0 auto; }
Also, make the text on the site bigger. Small text is really harsh on
viewers.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
