Tom2: Darstellungsproblem im IE

Beitrag lesen

Hi Andreas

Ne, im Ernst: wie soll man helfen, wenn Du den relevanten Code nicht zeigst? Link auf die Seite wäre nicht schlecht.

Leider steht die Seite noch nicht im Internet. Am Code ist wirklich nichts ausergewöhnliches. Ich poste ihn mal hier:

Das Stylesheet style.css:
   h1, h2, h3, h4, h5, h6 {
       color:#000000;
       font-family:Arial, sans-serif;
       font-stretch:semi-expanded;
       font-weight:normal;
   }
   .h1, .h2, .h3, .h4, .h5, .h6 {
       color:#C00;
       font-family:Arial, sans-serif;
       font-stretch:semi-expanded;
       font-weight:bold;
   }
   p, td, li {
       color:#000;
       font-family:Arial, sans-serif;
   }
   .b {
       font-weight:bold;
   }
   .dateline {
       border-color:#C00;
       border-style:solid;
       border-width:0px;
       border-top-width:3px;
   }
   .date {
       border-color:#C00;
       border-style:solid;
       border-width:0px;
       border-top-width:3px;
       color:#C00;
       font-weight:bold;
       text-align:right;
       vertical-align:top;
   }
   .entry {
       border-color:#C00;
       border-style:solid;
       border-width:0px;
       border-top-width:1px;
   }
   .red {
       color:#C00;
   }
   .menu {
       color:#C00;
       font-weight:bold;
       text-decoration:none;
   }
   .submenu {
       color:#000;
       font-weight:normal;
       margin-left:10%;
       text-decoration:none;
   }
   .menu:visited, .submenu:visited {
       color:#A00;
   }
   .menu:hover, .submenu:hover {
       color:#D00;
   }
   .menu:active, .submenu:active {
       color:#E00;
   }
   body {
       background-color:#FFF;
       /* background-image:url(background1.jpg); */
       background-repeat:no-repeat;
       color:#000;
       margin:0px;
   }
   div {
       float:none;
       margin-bottom:20px;
       margin-left:20px;
       margin-right:30px;
       margin-top:10px;
       padding:5px;
   }
   #header {
       display:block;
       height:60px;
   }
   #menu {
       background-color:#EEE;
       border-color:#FFF;
       border-style:solid;
       border-width:2px;
       display:inline;
       float:left;
       margin-left:10%;
       padding-left:10px;
       width:18%;
       position:fixed;
   }
   #content {
       display:block;
       background-color:#EEE;
       border:none;
       margin-left:33%;
       margin-right:5%;
   }
   #footer {
       border:none;
       clear:both;
       display:block;
   }
/* EOF */

Und die HTML-Vorlage template.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>Aktuelle Anlässe</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 </head>
 <body>
  <div id="header">
   <h1>webseiten <span class="h4">überschrift</span></h1>
  </div>
  <div id="menu">
   <p>
    <a class="menu" href="index.html">Hauptseite</a><br>
    <a class="menu" href="aktuell.html">Veranstaltungen</a><br>
     <a class="submenu" href="aktuell.html">Aktuelle Anlässe</a><br>
     <a class="submenu" href="#">Weitere Veranstaltungen</a><br>
    <a class="menu" href="vorstand.html">Vorstand</a><br>
    <a class="menu" href="#">Vereine</a><br>
     <a class="submenu" href="#">Frauenverein</a><br>
     <a class="submenu" href="#">vita activa</a><br>
    <a class="menu" href="#">Kontakt</a><br>
    <a class="menu" href="#">Links</a><br>
   </p>
  </div>
  <div id="content">
   <h2>seiten <span class="h2">überschrift</span></h2>
   <p class="red">dargestellter Teststring 1</p>
   <hr>nicht dargestellte Trennlinie und nicht dargestellte Tabelle (jedoch dargestellter Text) an PC 1<table><tr><td>asdf</td></tr></table>
   <p>dargestekkter Teststring 2</p>
  </div>
  <div id="footer">
   <p style="text-align:right;">evangelisch-reformierte <span class="h4">kirchgemeinde</span> sursee</p>
  </div>
 </body>
</html>

Bitte entschuldige die Umstände. Nochmals in Kürze:
PC1, IE 5.01: Im div 'content' wird weder die Trennlinie, noch die Tabelle dargestellt
PC2, IE 6 und PC3, IE 5.irgendwas: Das Menü ist zu breit und wenn ein Menü-Eintrag zwei Wörter enthält, so wird das zweite Wort abgehackt und auf einer neuen Zeile noch einmal dargestellt. Jedoch auch nicht immer: Der vita activa-Link ist in Ordnung.

Kommt dir der Fehler bekannt vor?

FG & besten Dank für deine Hilfe

Tom2

--
SELF-Code: (http://emmanuel.dammerer.at/selfcode.html)
ss:| zu:) ls:& fo:) de:] va:) ch:] sh:( n4:& rl:° br:> js:| ie:% fl:( mo:}