|
CSS - Help With Microsoft Css
Hey everyone,
I am trying to finish a site for a client and I am having a problem with the way it looks in Microsoft IE 6. It adds a line outside of my content boxes. Any help that you can give would be greatly appreciated. I know it is related to the Microsoft box model but I cannot figure out how to get around it. I have tried changing the DOCTYPE to force standard mode but to no avail. The site is at http://12.214.26.185/KimsConfects Thanks in advance, Kevin Similar TutorialsFriends, I have been developing a website in IE, and I've been using the dropshadow filter in CSS from Microsoft on a few of my <DIV>'s. All was well. Today I was introduced to Firefox - I like it, but my CSS filters are not rendered in firefox. Is this an additional that is yet to be made to the new rookie browser? Jonathan When I try copy and paste the my Web page below into Microsoft Word 2000 all the StyleSheet color and formatting is lost. Is it that Word does not support this css? Is there a way around it other than changing the css? Thanks in advance. The following is the html Mytable.html Code: <html> <head> <title>Test</title> <link href="table.css" type="text/css" rel="stylesheet"> </head> <body> <table class="first_table"> <tbody> <tr class="odd"> <th class="head">Header1<br> </th> <th class="head">Header2<br> </th> <th class="head">Header3<br> </th> </tr> </tbody> <tbody class="odd"> <tr class="first odd"> <td class="cell">1.1</td> <td class="cell">1.2</td> <td class="cell">1.3</td> </tr> <tr class="even"> <td class="cell">2.1</td> <td class="cell">2.2</td> <td class="cell">2.3</td> </tr> <tr class="odd"> <td class="cell">3.1</td> <td class="cell">3.2</td> <td class="cell">3.3</td> </tr> </tbody> </table> </body> </html> The following is my css table.css Code: table.first_table tbody.odd tr.odd
{
background: #c0c0c0;
};
table.first_table tbody.odd tr.even
{
background: #e0e0e0;
};
table.first_table td.cell
{
padding-top: 3.0px;
padding-right: 3.0px;
padding-bottom: 3.0px;
padding-left: 3.0px;
border-top-width: 1.0px;
border-right-width: 1.0px;
border-bottom-width: 1.0px;
border-left-width: 1.0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
color: #000000;
vertical-align: middle;
font-size: 12.0px;
font-family: Arial, Verdana;
font-weight: normal;
font-style: normal;
white-space: nowrap;
};
table.first_table th.head
{
padding-top: 3.0px;
padding-right: 3.0px;
padding-bottom: 3.0px;
padding-left: 3.0px;
border-top-width: 1.0px;
border-right-width: 1.0px;
border-bottom-width: 1.0px;
border-left-width: 1.0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
color: #000000;
background: yellow;
text-align: center;
vertical-align: middle;
font-size: 12.0px;
font-family: Arial, Verdana;
font-weight: bold;
font-style: normal;
white-space: nowrap;
};
|
|||||||