1px left from table in Firefox

[Cezar]

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

[css]
table.results{
border-collapse:collap se;
}
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:collap se; safe to use?

--
Regards,
Cezar

[Neal]

Re: 1px left from table in Firefox

On Tue, 17 Aug 2004 15:03:48 +0200, Cezar <cezaryk@imail. net.pl> wrote:
[color=blue]
> Hi!
> I'm styling my table with following CSS code:
>
> [css]
> table.results{
> border-collapse:collap se;
> }
> 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:collap se; safe to use?
>[/color]

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.

[Cezar]

Re: 1px left from table in Firefox

Neal napisał(a):[color=blue]
> On Tue, 17 Aug 2004 15:03:48 +0200, Cezar <cezaryk@imail. net.pl> wrote:
>[color=green]
>> Hi!
>> I'm styling my table with following CSS code:
>>
>> [css]
>> table.results{
>> border-collapse:collap se;
>> }
>> 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:collap se; safe to use?
>>[/color]
>
> 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.[/color]

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

1. http://demo.ikeris.com/wdx/main/index.php
2. Go to "Registerin g 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

[Peter]

Re: 1px left from table in Firefox

Cezar schreef:[color=blue]
> Neal napisał(a):
>[color=green]
>> On Tue, 17 Aug 2004 15:03:48 +0200, Cezar <cezaryk@imail. net.pl> wrote:
>>[color=darkred]
>>> Hi!
>>> I'm styling my table with following CSS code:
>>>
>>> [css]
>>> table.results{
>>> border-collapse:collap se;
>>> }
>>> 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:collap se; safe to use?
>>>[/color]
>>
>> 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.[/color]
>
>
> I knew that URL could be very useful. Let's see:
>
> 1. http://demo.ikeris.com/wdx/main/index.php
> 2. Go to "Registerin g 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.
>[/color]
When resizing the page lokks a mess
Peter

[Cezar]

Re: 1px left from table in Firefox

Peter napisał(a):
[color=blue]
> Cezar schreef:
>[color=green]
>> Neal napisał(a):
>>[color=darkred]
>>> On Tue, 17 Aug 2004 15:03:48 +0200, Cezar <cezaryk@imail. net.pl> wrote:
>>>
>>>> Hi!
>>>> I'm styling my table with following CSS code:
>>>>
>>>> [css]
>>>> table.results{
>>>> border-collapse:collap se;
>>>> }
>>>> 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:collap se; safe to use?
>>>>
>>>
>>> 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.[/color]
>>
>>
>>
>> I knew that URL could be very useful. Let's see:
>>
>> 1. http://demo.ikeris.com/wdx/main/index.php
>> 2. Go to "Registerin g 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.
>>[/color]
> When resizing the page lokks a mess
> Peter[/color]

It's strange. Could You give me more information or screenshot ?
I was tested on few systems and few browsers. So, that's why I was
surprised :-)

Greets,
Cezar

--
Pozdrawiam,
Cezar
=============== =============== ==
Internet Explorer?
Powinni tego zabronić....

[Mark Eggers]

Re: 1px left from table in Firefox

> I knew that URL could be very useful. Let's see:[color=blue]
>
> 1. http://demo.ikeris.com/wdx/main/index.php 2. Go to "Registerin g 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.[/color]

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>

How about using the table completely and then styling the table elements.

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

/mde/
just my two cents . . . .

[Peter]

Re: 1px left from table in Firefox

Cezar schreef:
[color=blue]
> Peter napisał(a):
>[color=green]
>> Cezar schreef:
>>[color=darkred]
>>> Neal napisał(a):
>>>
>>>> On Tue, 17 Aug 2004 15:03:48 +0200, Cezar <cezaryk@imail. net.pl>
>>>> wrote:
>>>>
>>>>> Hi!
>>>>> I'm styling my table with following CSS code:
>>>>>
>>>>> [css]
>>>>> table.results{
>>>>> border-collapse:collap se;
>>>>> }
>>>>> 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:collap se; safe to use?
>>>>>
>>>>
>>>> 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 "Registerin g 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.
>>>[/color]
>> When resizing the page lokks a mess
>> Peter[/color]
>
>
> It's strange. Could You give me more information or screenshot ?
> I was tested on few systems and few browsers. So, that's why I was
> surprised :-)
>
> Greets,
> Cezar
>[/color]
op 200 % in Mozilla
ikeris
Peter

[Cezar]

Re: 1px left from table in Firefox

Mark Eggers napisał(a):[color=blue]
> 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>[/color]

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.
[color=blue]
> How about using the table completely and then styling the table elements.
>
> See http://www.alistapart.com/articles/tableruler/ and[/color]

This example is for <TR>. So, only mark a line. In my table I mark a
<TD>, one <TD>.
[color=blue]
> http://www.alistapart.com/articles/zebratables/ for some ideas on how to
> style tables.[/color]

Good example, but it it more readable ? I don't know :-) Maybe :-)
[color=blue]
> just my two cents . . . .[/color]


--
Regards,
Cezar

[Cezar]

Re: 1px left from table in Firefox

Peter napisał(a):[color=blue]
> op 200 % in Mozilla[/color]

What is this "op" 200%?
[color=blue]
> ikeris
> Peter[/color]

--
Reagards,
Cezar

[Peter]

Re: 1px left from table in Firefox

Cezar schreef:
[color=blue]
> Peter napisał(a):
>[color=green]
>> op 200 % in Mozilla[/color]
>
>
> What is this "op" 200%?
>[color=green]
>> ikeris
>> Peter[/color]
>
>[/color]
sorry, that´s dutch. meaning: using 200%
Peter