lawpoop@gmail.com wrote:
> On Mar 11, 6:58 pm, Bergamot <berga...@visi.com> wrote:
>> Post a URL so we can see what you have done. Do not post code.
>
> http://nerdcraft.net/survey.html
>
> I have the grid of 1-5 questions and radio button answers layed out in
> a table. I couldn't find a tutorial for a css grid, so I hacked it for
> now. Ideally, I would like to have the question layout in css.

Why? the radio buttons look like tabular data to me. Use a table, except
don't use icky presentational HTML attributes, like align=center. Mixing
HTML and CSS styles will only make a mess, and a real PITA to maintain.
BTW, putting the radio buttons in a table doesn't mean the whole page
needs to be in a table.

And use a better doctype. The one in that test page triggers quirks
mode, which will not give consistent results across browsers as you've
already discovered. Use HTML 4.01 strict if you want the best compatibility.

> In firefox, the progress area is properly left-aligned, but the whole
> bar is left-aligned. I want it to be in the center.

Drop the align=center on that cell - that is for aligning text within
the block, not for aligning blocks themselves. Look up margin:auto

--
Berg