I am trying replace TABLES with CSS in a program which generates HTML.

But I can't figure out how to do what I want.

With stylesheets: http://kowallek.myiglou.com/temp/I2391.htm

Stylesheet: http://kowallek.myiglou.com/temp/lrw.css

This is my CSS version. When I decrease the width of the browser window, the
DIVs on the right start to wrap around. The results look terrible.

With tables: http://kowallek.myiglou.com/dennis/genealogy/whl.htm

This is my TABLE version. You can see that it stays quite readable when the
width of the browser window is decreased.

Am I wasting my time trying to get this to work with just CSS? Should I stic
k
with tables?

Any suggestions are welcome.

P.S. I am a novice with stylesheets, so please bear with me. ;-)

--

Dennis

Dennis wrote:

> I am trying replace TABLES with CSS in a program which generates HTML.

And generating DIV soup in the process! Try something like:

<h1>Descendants of William Henry Lee</h1>
<hr>

<ul class="childlist">

<li>
<strong>William Henry Lee</strong>
<img src="male.gif" alt="male">
<p>b. 8 Aug 1798 in South Carolina, d. 14 Jan 1855
in Vance Township, Vermilion Co., Illinois, bur. in
Vance Township,	Vermilion Co., Illinois
(Davis Cemetery)</p>

<ul class="marriagelist">
<li>Married: 5 Feb 1818 in Clinton Co., Ohio<br>
Spouse: Rebecca Sewell -<br>
b. 7 Jun 1797 in Virginia, d. 18 Jun 1881, bur.
in Vance Township, Vermilion Co., Illinois (Davis
Cemetery)</li>
</ul>
</li>

<!-- etc -->

<li>
<strong>Frank Leslie Lee</strong>
<img src="male.gif" alt="male">
<p>b. 7 Jan 1891 in Fithian, Vermilion Co., Illinois,
d. 11 Mar 1983 in Wheeler, Tillamook Co., Oregon, bur.
15 Mar 1983</p>

<ul class="marriagelist">
<li>Married: Abt 1919<br>
Spouse: Winnie R. Stanton<br>
b. Abt 1902 in Wisconsin</li>
<li>Married: Aft 1930<br>
Spouse: Della (Lee)<br>
b. 1 Jun 1887, d. Jul 1969</li>
</ul>
</li>

<!-- etc -->

</ul>

--
Toby A Inkster BSc (Hons) ARCS
Contact Me  ~ http://tobyinkster.co.uk/contact

On Mon, 26 Sep 2005 08:08:36 +0100, Toby Inkster
<usenet200509@tobyinkster.co.uk> wrote:
 
>
>And generating DIV soup in the process! Try something like:

I hear you. That's why I was having second thoughts about converting the
TABLEs to CSS. If the result is still a bunch of nested tags, then I haven't
improved anything.

Thanks for your suggestion. It's not exactly the way I wanted to lay things
out, but it's worth thinking about.

--

Dennis