The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Stupid Table Displays Incorrectly In IE, IE Sucks
vsaxena
post 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;
}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post 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.)
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 27th April 2024 - 01:17 AM