• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

css style wird in ie und firefox falsch dargestellt?! hilfe ?!

ceejay

Neues Mitglied
Hallo liebe leute,

ich bastel gerad an einer seite und komischerweise wird mein css-style nicht richtig umgesetzt... wenn ich diese quellcodes verwende:

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chambers Englischtraining</title>
<link href="css/site.css" rel="stylesheet" type="text/css" />
</head>

<body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0"><table width="650" border="0" align="right" cellpadding="0" cellspacing="0">
  <tr>
    <td height="10" bgcolor="#00FFFF"></td>
  </tr>
  <tr>
    <td valign="top"><p class="text">Es ist das Lieblings-Mantra von Audi-Vorstandschef Rupert Stadler: &quot;Wir  machen Audi zum erfolgreichsten Premium-Hersteller der Welt.&quot; Dazu  müssten vor allem kommende Typen wie die Modelle A1 oder Q3 zu  Bestsellern werden. Doch genauso wichtig wäre ein erfolgreiches  Flaggschiff, das als Technologieträger und Imagelokomotive fungiert.  Vorgesehen für die Doppelrolle ist der neue Audi A8, der jetzt in Miami  Beach - im Rahmen der dort gerade stattfindenden Art Basel - enthüllt  wurde.</p></td>
  </tr>
  <tr>
    <td height="30" bgcolor="#00FFFF"></td>
  </tr>
</table>

</body>
</html>

und in der Seite oben diesen css style verknüpfe:

HTML:
p.text { font-family: arial; font-size: 15px; color: #000000; font-weight: normal; line-height: 15px; }
p.head-test { font-family: arial; font-size: 32px; color: #000000; font-weight: normal; line-height: 40px; }

a.link { font-family: arial; font-size: 13px; color: #1e7dc6; font-weight: normal; line-height: 20px; text-decoration: none; }
a.link:hover { font-family: arial; font-size: 13px; color: #000000; font-weight: normal; line-height: 20px; text-decoration: none; }

input.login {
    font-size: 13px;
    background: #f5f5f5;
    color: #000000;
    cellspacing: 0;
    cellpedding: 0;
    framespacing: 0;
    font-family: Georgia;
    font-weight: normal;
    height: auto;
    width: auto;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #b4b4b4;
    border-left: none;
    padding: 1px;
}

input.button {
    font-size: 13px;
    background: #e5e5e5;
    color: #000000;
    cellspacing: 0;
    cellpedding: 0;
    framespacing: 0;
    font-family: Georgia;
    font-weight: normal;
    height: auto;
    width: auto;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #CC0000;
    border-left: none;
    padding: 1px;
}

input.contact {
    font-size: 13px;
    background: #f5f5f5;
    color: #000000;
    cellspacing: 0;
    cellpedding: 0;
    framespacing: 0;
    font-family: Georgia;
    font-weight: normal;
    height: auto;
    width: auto;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #b4b4b4;
    border-left: none;
    padding: 1px;
}

textarea {
    font-size: 13px;
    background: #f5f5f5;
    color: #000000;
    cellspacing: 0;
    cellpedding: 0;
    framespacing: 0;
    font-family: Georgia;
    font-weight: normal;
    height: auto;
    width: auto;
    border-top: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    border-left: 1px solid #b4b4b4;
    padding: 3px;
}

dann zeigen beide browser zwischen den türkisen balken noch weiße balken an... wie kann ich das ändern?

liebe grüße
 
Zurück
Oben