Stupid Table Displays Incorrectly In IE, IE Sucks |
Stupid Table Displays Incorrectly In IE, IE Sucks |
vsaxena |
Mar 29 2012, 01:36 PM
Post
#1
|
Group: Members Posts: 1 Joined: 29-March 12 Member No.: 16,818 |
So I have this table that looks perty AF in Chrome and Firefox, but displays horrendously in IE. I ignored the issue until today, when I discovered to my dismay that approximately 55% of my website visitors utilize IE. What a pity.
Anyway. Any assistance you could provide would be most appreciated. I've attached the code, as well as the corresponding CSS. Dunca Schon! /// HTML \\\ CODE <table class="unique_table" width="100%" cellspacing="0"> <tr> <th class="alt" colspan="5" valign="top">E-Cigarette Resources</th> </tr> <tr> <td class="alt" width="20%" valign="top"><p> Your Site Here<br /> Your Site Here<br /> Your Site Here<br /> Your Site Here<br /> Your Site Here<br /> Your Site Here<br /> </td> <td class="alt" width="20%" valign="top"><p> Your Site Here<br /> Your Site Here<br /> Your Site Here<br /> Your Site Here<br /> Your Site Here<br /> Your Site Here<br /> <td class="alt" width="20%" valign="top"><p> Your Site Here<br /> Your Site Here<br /> Your Site Here<br /> Your Site Here<br /> Your Site Here<br /> Your Site Here<br /> </tr> <tr> </tr> <tr> <td colspan="2" valign="top"> <?php printf(__("Copyright © %d", "magazine-basic"), date('Y')); ?> <a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a>. <?php _e("All Rights Reserved", "magazine-basic"); ?>.<br /> </td> <td colspan="3" align="right" valign="top">About | Advertise/Get Featured</td> </tr> </table> /// CSS \\\ CODE .alt { color: #ffffff !important; } table.unique-table { text-align:left !important; background-color: #e87200; } |
Frederiek |
Mar 30 2012, 01:29 AM
Post
#2
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
The CSS selector table.unique-table doesn't match the table's class name, which uses an underscore in place of a hyphen.
Use the validator (see links on this page) to find any errors and then fix them. Also, the table is a simple three rows - three columns grid. Yet, you use colspans that presume there are five columns. (BTW, I don't have easy access to IE.) |
Lo-Fi Version | Time is now: 27th April 2024 - 01:17 AM |