stefan: im IE ok im Firefox flasch

Wieso wird folgender Code im IE so dargestellt wie ich will und im Firefox nicht?

<!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=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
div.links {
  border: 3px dashed silver;
  padding:10px;
  float:left;
}
div.rechts {
 border: 3px dashed silver;
 padding:10px;
 float:right;

}
div.inhalt {
overflow:hidden;
float:auto;
passing:10px;
width:766px;
border-style: solid;
border-width: 3px;
border-color:#006633;
background-image: url('content_background1.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}
</style>
</head>

<div class="inhalt">
 <div class="links">afasdf</div>
 <div class="rechts">test asdjklf askdlfj asödfk asdjfk aslökdfj asldfk asldkfj aölsdkfj asldkfj asdlöfkj asdflk asdjfaksd jföasdk fjö aksdjf askdlfj aslkdöf askdlfj asdfkl asdfklö aja kjadsf aksdlfj a akdjsölf asdfk jasdklöf  aksdjöf a aksdjf as dklasdjf askdf
 lfj aslkdöf askdlfj asdfkl asdfklö aja kjadsf aksdlfj a akdjsölf asdfk jasdklöf  aksdjöf a aksdjf
 lfj aslkdöf askdlfj asdfkl asdfklö aja kjadsf aksdlfj a akdjsölf asdfk jasdklöf  aksdjöf a aksdjf
 lfj aslkdöf askdlfj asdfkl asdfklö aja kjadsf aksdlfj a akdjsölf asdfk jasdklöf  aksdjöf a aksdjf
 lfj aslkdöf askdlfj asdfkl asdfklö aja kjadsf aksdlfj a akdjsölf asdfk jasdklöf  aksdjöf a aksdjf</div>
 </div>
</div>

<body>
</body>
</html>

  1. Hi,

    Wieso wird folgender Code im IE so dargestellt wie ich will und im Firefox nicht?

    diese Frage ist zwar noch korrekt, aber beinhaltet leider nicht, wie die gewünschte Darstellung aussehen soll. Die Überschrift deutet jedoch an, daß Firefox hier etwas falsch macht.

    div.links {
      border: 3px dashed silver;
      padding:10px;
      float:left;
    }

    Ein links floatendes div, das so breit wie sein Inhalt wird.

    div.rechts {
    border: 3px dashed silver;
    padding:10px;
    float:right;

    }

    Dasselbe rechtsfloatend.

    div.inhalt {
    overflow:hidden;
    float:auto;
    passing:10px;

    Was soll das denn sein? Überstehender Inhalt soll abgeschnitten werden und dann noch ein ungültiger Wert und eine ungültige Eigenschaft?

    freundliche Grüße
    Ingo

    1. Hallo und danke für die antwort.

      also ja da ist was falsch.. aber auch wenn ich es korrigiere:
      div.inhalt {
      width:766px;
      border-style: solid;
      border-width: 3px;
      border-color:#006633;
      }

      wird es im firefox nicht richtig angezeigt.

      ich weill eine box links und eine box rechts. wenn nun die box rechts mehr inhalt hat als die box links soll aber kein umfliessen stattfinden.

      Ich weiss einfach nicht wie ich das ohne <table> hinbringe mit tabellen ist es ja so:

      <div class="inhalt">
        <table>
        <tr>
        <td class="links">###LINKS###</td>
        <td class="rechts">###RECHTS### BLA ASKDFJ
                      </td>
        </tr>
        </table>
       </div>

      aber das will ich ja nicht mit tbl's machen

      gruss stefan

      Hi,

      Wieso wird folgender Code im IE so dargestellt wie ich will und im Firefox nicht?
      diese Frage ist zwar noch korrekt, aber beinhaltet leider nicht, wie die gewünschte Darstellung aussehen soll. Die Überschrift deutet jedoch an, daß Firefox hier etwas falsch macht.

      div.links {
        border: 3px dashed silver;
        padding:10px;
        float:left;
      }

      Ein links floatendes div, das so breit wie sein Inhalt wird.

      div.rechts {
      border: 3px dashed silver;
      padding:10px;
      float:right;

      }

      Dasselbe rechtsfloatend.

      div.inhalt {
      overflow:hidden;
      float:auto;
      passing:10px;

      Was soll das denn sein? Überstehender Inhalt soll abgeschnitten werden und dann noch ein ungültiger Wert und eine ungültige Eigenschaft?

      freundliche Grüße
      Ingo

      1. Hey,
        lass doch den rechten KAsten normal stehen und den Linken lässt du floaten. Dann funktioniert das schon.
        gruß
        Alex

      2. Hi,

        wird es im firefox nicht richtig angezeigt.

        doch - es wird so angezeigt, wie es gemäß der Spezifikation sein sollte.
        Der Fließtext der rechten Box nimmt die komplette restliche Fensterbreite neben der linken Box ein.

        ich weill eine box links und eine box rechts. wenn nun die box rechts mehr inhalt hat als die box links soll aber kein umfliessen stattfinden.

        Dann gebe den floatenden Boxen eine passende Breite und der Inhaltsbox entsprechende seitliche  margins.

        und bitte:

        Hi,
        »»

        lösche in der Antwort überflüssige Zitate. Dies ist keine E-Mail hier.

        freundliche Grüße
        Ingo

        1. Hallo Ingo,

          und bitte:

          Hi,
          »»
          lösche in der Antwort überflüssige Zitate. Dies ist keine E-Mail hier.

          und selbst wenn es das wäre: Auch dann würde ich mir einen vernünftigen Zitierstil wünschen. Die ewig anwachsenden Textmonster finde ich einfach nur furchtbar - vor allem dann, wenn der neue Text oben eingefügt wird. Würde er unten am Ende angehängt, könnte man den Vorgang wenigstens noch chronologisch fließend von oben nach unten lesen. Das wäre dann halbwegs nachvollziehbar.

          Ciao,
           Martin

          --
          Wenn man keine Ahnung hat - einfach mal Fresse halten.
            (Dieter Nuhr, deutscher Kabarettist)