Janke: Firefox anzeigefehler?

Hallo, ich bin grade dabei eine Homepage zu basteln...

dabei habe ich folgendes Problem

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Creative Science</title>
<link rel="stylesheet" type="text/css" href="css.css">
<meta name="author" content="Jonas Reinke">
</head>
<body>
<div id="main">
 <div id="header" >HIER KOMMT DER BANNER HIN</div>
 <div id="navi"> <!-- INHALTS DIV -->
           <iframe id="navi" name="inavi" src="navi_start.html" frameborder=0></iframe>
         </div>
 <div id="content">
           <iframe id="content" name"icontent" src="inhalt_start.html" frameborder=0></iframe>
         </div>
<div id="footer">HIER KOMMT NEN ANDERER BANNER HIN</div>

</div>
</body>
</html>

mit folgender CSS dateI:

<style type="text/css">

<!--

body {height : 100%;
         width : 100%;
    }

iframe#content {height : 100%;
                   width : 100%;

}

div#navi   { height : 60%;
            width : 20%;
                float:left;

}
   div#header { height: 20%;
                width: 100%;
           background-color: #00AAAB;
              }

iframe#navi { height :100%;
    width: 100%;

}

div#footer  { height : 20%;
          width : 100%;
                background-color : #CCCCCC;
                float: left;
              }

div#content { width : 70%;
                height: 60%;
                float: left;

}

-->

</style>

------------------------------------------

wird bei mir im IE problemlos dargestellt.

Allerdings wird die Seite im Firefox sehr fehlerhaft dargestellt...

Weiß jemand wo das Problem liegt und wie man es beheben kann?

  1. Hallo Janke,

    mit folgender CSS dateI:
    <style type="text/css">
    <!--

    In einer CSS-Datei haben HTML-Tags und -Kommentare nichts zu suchen - entferne sie.

    Grüße aus Nürnberg
    Tobias

    1. Hello out there!

      In einer CSS-Datei haben HTML-Tags und -Kommentare nichts zu suchen - […]

      Das gewiss nicht, aber '<!--' / '-->' sind erlaubt:

      CDO <!--
      CDC -->

      stylesheet  : [ CDO | CDC | S | statement ]*; [CSS2 §4.1.1]

      Sinnlos sind sie aber dennoch, also ist

      […] entferne sie.

      ein guter Rat.

      See ya up the road,
      Gunnar

      --
      “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
  2. Hello out there!

    <div id="header" >HIER KOMMT DER BANNER HIN</div>

    "ich möchte eine überschrift sein, bitte bitte lass mich ein <hX> sein!" [wahsaga]

    <div id="navi"> <!-- INHALTS DIV -->
               <iframe id="navi" name="inavi" src="navi_start.html" frameborder=0></iframe>
             </div>

    Das 'div' ist völlig überflüssig, es gruppiert nichts. CSS-Eigenschaften kannst du auch auf Iframes anwenden.

    Möchtest du nach Lektüre von Subotniks Artikel „Warum Frames out sind (und es schon immer waren...)“ immer noch Iframes verwenden?

    Allerdings wird die Seite im Firefox sehr fehlerhaft dargestellt...

    Fehler: Fehlerbeschreibung fehlt.

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
  3. wird bei mir im IE problemlos dargestellt.

    Allerdings wird die Seite im Firefox sehr fehlerhaft dargestellt...

    Diese Aussage ist in aller Regel verkehrt. Es muss heißen, der CSS/HTML Code enthält Fehler die der IE nicht darstellt, warum nicht?
    Fehlerhaft ist fast immer die Darstellung im IE.

    Struppi.

    --
    Javascript ist toll (Perl auch!)