Hi!
I'm styling my table with following CSS code:

[css]
table.results{
border-collapse:collapse;
}
table.results td{
border:1px solid #a7a7a7;
margin:0;
padding:0 4px 0 4px;
}

The problems is that table is moved 1px to left in Firefox, but other
browsers like IE5.x, 6.0 and Opera 7.54 view this table correctly.

Any suggestion?

Is border-collapse:collapse; safe to use?

--
Regards,
Cezar

Neal napisał(a):
> On Tue, 17 Aug 2004 15:03:48 +0200, Cezar <cezaryk@imail.net.pl> wrote:
> 
>
> Without more specific information to go on (such as a URL of a test
> case), I would suggest that if your design is ruined by one pixel of
> offset, there is a greater problem in your design than this issue.

I knew that URL could be very useful. Let's see:

1. http://demo.ikeris.com/wdx/main/index.php
2. Go to "Registering Tickets / Login"
3. Username: admin, Password: admin.
4. After login You see table "5 longest awaiting tickets:". After this
the table is moved 1px to left. I don't know why.

--
Regards,
Cezar

Cezar schreef:

> Peter napisał(a):
> 
>
>
> What is this "op" 200%?
> 
>
>
sorry, that´s dutch. meaning: using 200%
Peter

Mark Eggers napisał(a):
> Is there any reason why you create your headers for the tables with the
> following?
>
> <div class="foo"><p class="foo-title">The title</p></div>

Yes. Because class "foo-title" vertical centering any text on this title
"foo". I don't know any way to solve it.

Just "foo" is the title bar and "foo-title" positioning text in this title.

> How about using the table completely and then styling the table elements.
>
> See http://www.alistapart.com/articles/tableruler/ and

This example is for <TR>. So, only mark a line. In my table I mark a
<TD>, one <TD>.

> http://www.alistapart.com/articles/zebratables/ for some ideas on how to
> style tables.

Good example, but it it more readable ? I don't know :-) Maybe :-)

> just my two cents . . . .


--
Regards,
Cezar