need help with tables and css

freetesthost posted this at 11:05 — 4th July 2007.

They have: 4 posts

Joined: Jul 2007

I have a basic start of a new page, and struggle with the mix of tables and css.

the page code:

BODY {
color : #666666;
font-style : normal;
font-weight : normal;
font-size : 11px;
font-family : Geneva, Verdana, Arial, sans-serif;
}
TD {
color : #666666;
font-style : normal;
font-weight : normal;
font-size : 11px;
font-family : Geneva, Verdana, Arial, sans-serif;
}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed iaculis. Cras sem erat, luctus et, mattis nec, porta ac, sapien. Maecenas dolor lectus, adipiscing at, interdum nec, mattis non, mi. Mauris imperdiet consectetuer nunc. Aliquam iaculis. Sed odio nisl, tempus sit amet, varius ut, lacinia a, lacus. Pellentesque accumsan nisi.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eros lectus, venenatis quis, fringilla non, accumsan vel, odio. Ut augue. Ut luctus erat in augue. Pellentesque commodo lectus eu nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eros lectus, venenatis quis, fringilla non, accumsan vel, odio. Ut augue. Ut luctus erat in augue. Pellentesque commodo lectus eu nibh.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed eros lectus, venenatis quis, fringilla non, accumsan vel, odio. Ut augue. Ut luctus erat in augue. Pellentesque commodo lectus eu nibh.

Site Map | Privacy
Policy | Contact
Us

The questions:

1. To use css I can devide the page into:
#outer, #head, #maincontent, #footer
With the width of the page (see table width) of 760 what width for the #outer to use? So that page is centered.

2. How to change the tables into css (or is that more complex and better to keep the tables so all is viewed well in different browsers)?

Thanks for helping me with this.

webwiz posted this at 18:23 — 4th July 2007.

He has: 629 posts

Joined: May 2007

Here you go - 40 examples of CSS layouts with two or three columns, fixed width or fluid. Take your pick:

http://blog.html.it/layoutgala/

Be sure to check the links on that page for further help on using CSS for layouts.

Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;