| Author |
1px left from table in Firefox
|
|
| Cezar 2004-08-26, 12:27 pm |
| 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
| |
|
| 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: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?
>
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.
| |
| Peter 2004-08-26, 12:27 pm |
| Cezar schreef:
> Neal napisał(a):
>
>
>
> 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.
>
When resizing the page lokks a mess
Peter
| |
| Mark Eggers 2004-08-26, 12:27 pm |
| > 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.
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 2004-08-26, 12:27 pm |
| Cezar schreef:
> Peter napisał(a):
>
>
>
> 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
>
op 200 % in Mozilla
ikeris
Peter
| |
| Cezar 2004-08-26, 12:27 pm |
| Peter napisał(a):
> op 200 % in Mozilla
What is this "op" 200%?
> ikeris
> Peter
--
Reagards,
Cezar
|
|
|
|
| Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |