vb.org Archive - Firefox ignoring my table CSS

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)

- - Firefox ignoring my table CSS (https://vborg.vbsupport.ru/showthread.php?t=148556)

mccollin

05-31-2007 03:37 AM

Firefox ignoring my table CSS

I have a CSS problem that I'm baffled with. I've stripped nearly everything functional out of this test page to get it down to the bare essentials. The CSS for the table is as such...

PHP Code:


		
			


table.spectab { 

    width:100%; 

    border-collapse:collapse; 

    border-style:none; }

table.spectab tr td,th { 

    margin:0; padding:5px 7px 5px 0; 

    border-bottom:1px solid #bfbfbf; }

table.spectab tr th { 

    font-weight:bold; }

table.spectab tr.noline td { 

    border-bottom:none; }

The html is as follows...

PHP Code:


		
			
<table class="spectab" border="0"  width="100%"    cellpadding="10" cellspacing="2"> 



<tr> 

    <td width="40%">test</td> 

    <td width="60%">a</td> 

</tr> 

<tr valign="top"> 

    <td  width="40%">test</td> 

    <td  width="60%">b</td> 

</tr> 

<tr valign="top"> 

    <td  width="40%">test</td> 

    <td  width="60%">c</td> 

</tr> 



</table>

The resulting page is at http://pdaphonehome.com/?page=tabletest

In IE7 the table looks as it should... in FF the table loses its formatting. Anyone know what's wrong here?

peterska2

06-04-2007 03:15 AM

Thats because IE is displaying it incorrectly ;)

Change your CSS to

table.spectab {
width:100%;
border-collapse:collapse;
border-style:none; }
td.spectab {
margin:0; padding:5px 7px 5px 0;
border-bottom:1px solid #bfbfbf; }
tr.spectab, th.spectab {
font-weight:bold;
margin:0; padding:5px 7px 5px 0;
border-bottom:1px solid #bfbfbf; }
table.spectab tr.noline, td {
border-bottom:none; }

and your table code to

<table class="spectab" border="0" width="100%" cellpadding="10" cellspacing="2">

<tr class="spectab">
<td width="40%" class="spectab">test</td>
<td width="60%" class="spectab">a</td>
</tr>
<tr valign="top" class="spectab">
<td class="spectab" width="40%">test</td>
<td class="spectab" width="60%">b</td>
</tr>
<tr valign="top" class="spectab">
<td class="spectab" width="40%">test</td>
<td class="spectab" width="60%">c</td>
</tr>

</table>

This displays perfectly on my localhost in FF2 and IE

All times are GMT. The time now is 11:39 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01698 seconds Memory Usage 1,729KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_php_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (2)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: