Mirne: Darstellungsfehler IE

SELF-Forum

Darstellungsfehler IE

Mirne
– Informationen zu den Bewertungsregeln

hallo.
ich bin neu im bereich web unterwegs und kann leider nicht in der fachsprache reden. ich arbeite mit dreamweaver 8 und erstelle die seiten in der entwurfsansicht, da ich kaum (bis gar nicht) den HTML Code verstehe. Das heißt, ich habe keine Ahnung wie ich meine fehler beheben kann.
Problem: firefox zeigt den entwurf richtig an, der IE leider nicht. dort fehlt ein teil des rahmens, der text ist hochgerutscht. scheiße ist das.

Könnt ihr mir helfen?

Anbei der HTML Code, ich hoffe, das bringt was.
1000 Dank vorab.

<!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"><!-- InstanceBegin template="/Templates/belvorlage.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>bel b-ware</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<style type="text/css">
<!--
#Layer1 {
 position:absolute;
 width:200px;
 height:115px;
 z-index:1;
 left: 57px;
 top: 221px;
 background-color: #FFFFFF;
}
.Stil4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 5px; color: #BEBEBE; text-align: left; text-indent: 8px; }
.Stil6 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 font-size: 16px;
 font-weight: bold;
}
.Stil8 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 14px; }
.Stil9 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height: 25px;
 color: #FFFFFF;
 text-align: left;
 text-indent: 8px;
 font-weight: bold;
}
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: none;
 color: #000000;
}
a:active {
 text-decoration: none;
 color: #999999;
}
-->
</style>
<link href="rahmen.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Stil7 {font-family: Arial, Helvetica, sans-serif}
a {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #CCCC99;
}
-->
</style>
</head>

<body>
<table width="85%" height="534" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="4" rowspan="2">&nbsp;</td>
    <td width="4" rowspan="2">&nbsp;</td>
    <td width="166" rowspan="2"><img src="img/logo%20bel.jpg" alt="logo bel" width="135" height="114" /></td>
    <td width="516" height="51">&nbsp;</td>
  </tr>
  <tr>
    <td height="67"><img src="img/schriftzugoben.jpg" alt="innentueren zargen restposten" width="405" height="67" align="absbottom" /></td>
  </tr>

<tr>
    <td height="19">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="397">&nbsp;</td>
    <td colspan="3" valign="top" class="rahmen"><table width="104%" height="389" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="4" rowspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
          <td width="121" rowspan="2" valign="top" bgcolor="#B4191D"><!-- InstanceBeginEditable name="menue" -->
          <p class="Stil9">B- WARE</p>
          <p class="Stil9"><a href="produkte.html">PRODUKTE</a></p>
          <p class="Stil9"><a href="service.html">SERVICE</a></p>
          <p class="Stil9"><a href="mitarbeiter.html">MITARBEITER</a></p>
          <p class="Stil9"><a href="ansicht.html">ANSICHT</a></p>
          <p class="Stil9"><a href="download.html">DOWNLOAD</a></p>
          <p class="Stil9"><a href="anfahrt.html">ANFAHRT</a></p>
          <p class="Stil4">&nbsp;</p>
          <p class="Stil4">&nbsp;</p>
          <p class="Stil4">&nbsp;</p>
          <p class="Stil4"><a href="kontakt.html">KONTAKT</a></p>
          <p class="Stil4"><a href="impressum.html">IMPRESSUM </a></p>
        <!-- InstanceEndEditable --></td>
          <td width="4" height="307">&nbsp;</td>
          <td width="19">&nbsp;</td>
          <td width="530" valign="top"><!-- InstanceBeginEditable name="text" -->
          <p class="Stil6">Was heißt eigentlich B-Ware? </p>
          <p class="Stil8">B-Ware bedeutet 100 % funktionstüchtige Produkte von namenhaften Herstellern. <br />
            Lediglich kleine optische Mängel unterscheiden die B von der A-Ware. <br />
            Für den Kunden heißt das, die Ware wesentlich günstiger erwerben zu können. </p>
          <p class="Stil8">Sie können gerne ein schriftliches Angebot anfordern oder uns anrufen. <br />
            Oder aber Sie Überzeugen sich vor Ort von unseren Produkten. </p>
          <p class="Stil8"><strong>Öffnungszeiten:<br />
            Mittwoch bis Freitag: 9.30 - 17.00</strong></p>
        <!-- InstanceEndEditable --></td>
        </tr>

<tr>
        <td height="80">&nbsp;</td>
          <td colspan="2" valign="top"><img src="img/webleiste.jpg" alt="ansichtenbelfirma" width="549" height="80" align="absbottom" /></td>
        </tr>

</table></td>
  </tr>
</table>
<p><span class="Stil8"><strong>BEL GmbH <span class="Stil7">I</span> Schuckertstr. 37 <span class="Stil7">I</span> 48712 Gescher <span class="Stil7">I</span> T. 0 25 42 . 71 06 <span class="Stil7">I</span> F. 0 25 42 . 28 23 <span class="Stil7">I</span> <a href="mailto: info@bel-gescher.de">info@bel-gescher.de</a></strong></span></p>
</body>
<!-- InstanceEnd --></html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Darstellungsfehler IE

    Felix Riesterer Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Liebe(r) Mirne,

    ich arbeite mit dreamweaver 8 und erstelle die seiten in der entwurfsansicht, da ich kaum (bis gar nicht) den HTML Code verstehe.

    das ist bedauerlich. Denn anscheinend produziert der Träumeverstricker nichtvaliden Code! Ich habe das von Dir gepostete HTML im Validator einmal überprüfen lassen - es kamen (nur!) drei Fehler...

    Ich bin der festen Überzeugung, dass das Erstellen von Webseiten nur dann wirklich sinnvoll (und die Betonung liegt hier auf "wirklich sinnvoll") möglich ist, wenn man sich mit HTML und CSS ernsthaft beschäftigt. Erst dann kann man solche Probleme wirklich selbst und zufriedenstellend lösen. Alles andere bleibt das Anwenden von z.T. sündhaft teurer Software, die niemals wirklich halten kann, was sie verspricht.

    Dein Code könnte zu ca. 50% im Umfang eingedampft werden, wenn man ihn von Hand schriebe, das CSS auslagerte und sich seine "Templates" selbst erstellen würde. Eine Fehlersuche ist dann wesentlich leichter (oder überhaupt erst) möglich, da alles um Welten übersichtlicher ist. So kann (und mag) ich Dir nicht helfen.

    Vielleicht möchtest Du doch irgendwann das Geheimnis um HTML und CSS ergründen? Die hier angeschlossene Doku ist das um Längen Beste, was es als Material zum Selbstlernen gibt!

    Liebe Grüße aus Ellwangen,

    Felix Riesterer.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Darstellungsfehler IE

    Richard Rüfenacht
    – Informationen zu den Bewertungsregeln

    Hallo Mirne!

    ich bin neu im bereich web unterwegs und kann leider nicht in der fachsprache reden. ich arbeite mit dreamweaver 8 und erstelle die seiten in der entwurfsansicht, da ich kaum (bis gar nicht) den HTML Code verstehe. Das heißt, ich habe keine Ahnung wie ich meine fehler beheben kann.
    Problem: firefox zeigt den entwurf richtig an, der IE leider nicht. dort fehlt ein teil des rahmens, der text ist hochgerutscht.

    Ich habe diesen Code in Dreamweaver 8 übernommen. Im ie6 wird alles ganz exakt so angezeigt, wie du die Vorlage in der Entwurfsansicht erstellt hast. Manchmal ist Firefox gegenüber solchen Fehlern toleranter.

    Die Fehler werden dir in Dreamweaver 8 angezeigt. Warum beseitigst du sie nicht? Einige Fehler sind bereits im Template enthalten, dies stammt entweder nicht aus Dreamweaver 8 oder ist unkorrekt verändert worden. Dreamweaver 8 erzeugt ganz generell validen Code für den jeweils eingestellten Doctype.

    Du solltest dir aber keine Illusionen machen, das Arbeiten mit Dreamweaver ist keinesweg einfach. Ohne jegliche Kenntnis von HTML und CSS bist du damit schlicht überfordert.

    Beste Grüsse
    Richard

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln