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

Probleme mit Tabelle

Status
Für weitere Antworten geschlossen.
L

lasserda

Neues Mitglied
Halo alle zusammen.

Ich habe ein Problem mit dem folgenden Code:
HTML: 
<html>
<head>
<title>effello.com</title>
<link rel="stylesheet" type="text/css" href="css/effello.css">
</head>
<body bgcolor=#000000 topmargin=10 leftmargin=10>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td bgcolor=#000000 width=150 rowspan=2 valign=top align=right style="background-image:url(layout/3.jpg);   background-repeat:repeat-y;">
<img src=layout/4.jpg /><br />
<img src=layout/1.jpg /><br />
LINK 1&nbsp;<br />
LINK 2&nbsp;<br />
LINK 3&nbsp;<br />
LINK 4&nbsp;<br />
</td>
<td bgcolor=#000000 height=63 valign=top>
<img src=layout/2.jpg />
</td>
</tr>
<tr>
<td bgcolor=#000000 valign=top style="border-top:1px solid white; padding:5">Inhalt!</td>
</tr>
</table>
</body>
</html>
Im Firefox wird die Seite genauso angezeigt, wie sie auch angezeigt werden soll. Nur der IE macht mal wieder was er will:

ie.jpg

moz.jpg


Hat Irgendwer ne Lösung anzubieten?

Vielen Dank schonmal im Voraus!
 
Also gut, habe jetzt mal was mit containern gebastelt. Da ich aber in dieser Richtung mit CSS noch nicht viel gearbeitet hab, entstehen mir hier einige Fehler in der Darstellung:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>effello.com</title>
    <link rel="stylesheet" type="text/css" href="css/effello.css">
  </head>
  <body bgcolor=#000000 topmargin=10 leftmargin=10>
   
    <div id="seite">
      <div id="navigation">
        <img src=layout/4.jpg><br />
        <img src=layout/1.jpg><br />
        NAVIGATION&nbsp;<br />
      </div>
      <div id="kopf">
        <img src=layout/2.jpg>
      </div>
      <br />
      <div id="inhalt">
        inhalt
      </div>
      <br style="clear:both">
    </div>
  </body>
</html>

CSS DATEI:

Code: 
body {
    color: white; background-color: black;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
  }

  div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 760px;
    padding: 0.5em;
    border: 2px ridge silver;
  }

  div#navigation {
    vertical-align:top;
    text-align:right;
    background-image:url(../layout/3.jpg);
    background-repeat:repeat-y;
    width:150px;
    float:left;
  }
  
  div#kopf {
    width:400px;
    vertical-align:top;
    text-align:left;
    border-bottom: 1px solid white;
    float:left;
    }
  
  div#inhalt {
    border:1px dashed green;
    width:300px;
  }

Dabei entsteht folgendes im Firefox:
moz.jpg


und dies im IE:
ie.jpg
 
also beim css brauchst kein div schreiben da reicht das #. versuh mal padding und margin auf null zu stellen bei dem div navigation.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben