Help with fixing a table

[sheila]

OK, I'm working on a new page. I'm using tables to do my layout. Looks fine (the way I want) in IE5 and Opera, but in Netscape :(

I've looked my HTML code over and over and can't figure out how to tweak the tables to fix it.

The page URL is http://www.k12groups.org/test.html

Here's how it looks IE5 (desired appearance):

http://www.k12groups.org/screen1.JPG

Here's how it looks in NS 4.61 :(

http://www.k12groups.org/screen2.JPG

Anyone who can help me figure out how to get that table straightened out will have my undying gratitude!


[This message has been edited by sheila (edited 07-01-00@03:18 am)]

[jimbo]

Three things I would play around with:

1)[nbsp][nbsp]Using Percentages for the three cells on the top and bottom.[nbsp][nbsp]For instance, make the left and right cells with the curve image both 10%, and make the center cell 80%.

2)[nbsp][nbsp]Make sure that the images are aligned properly in the cell, such as aligned flush left and right.

3)[nbsp][nbsp]I know it would be hard with the background you are using, but I eliminated the gap in the white part by making the background of the cells with the corner images white.[nbsp][nbsp]Of course there is no curve at that point, but that would solve your problem.[nbsp][nbsp]

I used all three of these, and tested it in NS4.x and IE5, and it looked good in both, with exception to the corner images.[nbsp][nbsp]I think that is really where your problem lies, with the bg color of the cells themselves.

Hope this helps :)

-jim

EDIT:[nbsp][nbsp]Here's the ss of my version in NS

http://www.bronx-bombers.com/Images/k12ss.jpg


[This message has been edited by jimbo (edited 07-01-00@03:43 am)]

[Dan Kaplan]

Just playing around with it, it appears you can solve your problem by creating a 1x1 transparent image and placing the following in your middle (530) table cells:

<img src=&quot;spacer.gif&quot; width=&quot;530&quot; height=&quot;1&quot; border=&quot;0&quot;>

Dan

[sheila]

Well, we have a solution. My functioning page, still in progress, is now at www.k12groups.org (http://www.k12groups.org).

I did try the transparent .gif solution, and it worked. (This was also suggested by a reader of alt.html.) However, it did not allow me to put text in the bottom center table cell.

A very elegant solution was given by Steve Grant in alt.html, and I include his post to the newsgroup below. Basically, I should not specify both table width in pixels and individual cell widths in pixels. Removing the table width solved the problem without using spacer .gif's.

Steve's article from alt.html follows:


Newsgroups: alt.html
From: sgrant@iglou.com (Steve Grant)
Subject: Re: Table problems in NS...
References: <1u6rls01s1n7qgl79utf0d5r48jdjq2i9u@4ax.com>
Date: Sat, 01 Jul 2000 13:57:36 GMT
Message-ID: <395df7f9_2@news.iglou.com>

In article <1u6rls01s1n7qgl79utf0d5r48jdjq2i9u@4ax.com>,
Sheila King <sheila@thinkspot.net> wrote:

> OK, my page is here:
>
> http://www.k12groups.org/test.html
>
> and it looks fine in IE5 and in Opera, but not NS 4.61.
> I've tried and tried to tweak my HTML...

Remove the WIDTH=&quot;600&quot; attributes from the nested table and its
wrapper.[nbsp][nbsp]This width is already suggested in the <td> widths.[nbsp][nbsp]It
seems that when you specify both, <table width> and <td width> in
pixels, the NN browser loses trust in your numbers (thank Calum for
this concept of trust).

For an example of the solution, sans images, see:

http://www.iglou.com/sgrant/temp/sheila.htm

> If you're interested in screen shots of how I want it to look and how it
> looks in NS, I have them posted here:
> http://www.aota.net/ubb/Forum2/HTML/000308-1.html

That was a well-presented problem.[nbsp][nbsp]Thank you!

--
Steve Grant
sgrant@iglou.com
http://www.iglou.com/sgrant/