Re: Sightly OT: Design Questions

The problem is that the table keeps aligning
under the left link menu.

It does? Looks ok to me on FireFox 2.0 and IE 6. However, it _should_
end up with the content aligning under the left link menu. The CSS
standard says a clear:left will position the block element below any
floating elements that appear earlier in the source document. Basically,
you're saying you want the body of the document to have nothing to it's
left, the only way to do that is to shift the body down below the left
links. What are you trying to accomplish?

Also, beware of png files and the alpha channel, like you're using for
the drop shadow. IE 6 doesn't support the alpha channel correctly. There
is a set of javascript files for IE6 (called IE7 -- but not _that_ IE7)
that will fix most of the markup problems w/IE6.

If there is a better way to display this table, I am all for it.

Um, sure... Use a table. <G> Seriously, CSS and DIVs are great for some
things, and I'd use them to define your header, and the three parts of
the main section (left, content, right). But within left, that is a
repeating list of data, it's a table. Likewise, in the content section
you're listing two items (presumably from a DB) in a repeating group,
again, that's a table. There are 5-6 MAJOR* browser versions out there
right now, CSS is good, but I don't know I'd push the envelope too much.

I didn't think you guys would want an
non-System i web question on the list.

This could have gone to PC-Tech too, but hell, there's nothing to say
you're not using an iSeries to host this PHP! <G> And regardless, since
it's a client-side problem with CSS it would effect anyone that was
generating it.

-Walden

*FF1.5, FF2.0, Safari, IE5.5, IE6, IE7