Mark Lundquist wrote:
> Hi,
>
> (Note, I'm still trying to pull this design together in compliant
> browsers, and I have dared not look at it Exploder yet...)
>
> See the 3 colored block areas here?:
>
> http://dev.hearthstone.wd-2.net/
>
> [...]
> nested tables
> [...]
>
>
> Help! How do I fix this?
>
> Thanks a lot,
> — Mark, the Frustrated
Hi Mark,
First, a glance at the html-validator is never bad for the desired
display in our browsers:
* html-validator says
<http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fdev.hearthstone.wd-2.net%2F>
Then, as I tried to say some days ago,
<http://archivist.incutio.com/viewlist/css-discuss/85503>
in table design, I think you can make a 3x2 table, with sliced images.
Top parts can be a bottom-right positioned background-img in the txt
columns, bottom parts (clickable!) can be right-aligned foreground
images in the bottom row.
* Like this
<http://home.tiscali.nl/developerscorner/css-discuss/images/screenshot-marktable.gif>
That's the theory. Now reality:
* 3 Columns with background images on the bottom
<http://home.tiscali.nl/developerscorner/css-discuss/test-marktable.htm>
FF2 is satisfied, Opera9 as well, IE6 has a small 1px background colored
line between top and bottom parts of the table (grmpff!), and
Saphari is happy too, according to Browsershots
<http://browsershots.org/screenshots/f52c17680f4839ff1727d229b8a6b344/>
... but I have the idea that all must be (cross browser) possible in
pure css too, so maybe a Part II will follow...
Success and greetings,
francky
btw:
Now I see George has made an alternative too, didn't study it yet. - The
mail arrived some later as it was send; I guess the list server is doing
that deliberately, so more people are busy with css. ;-)
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/