gourmet: Wieso zerschiesst FireFox dieses DIV-Layout?

SELF-Forum

Wieso zerschiesst FireFox dieses DIV-Layout?

gourmet
– Informationen zu den Bewertungsregeln

Hallo,

was fehlt hier noch oder ist falsch? Im IE wird es "richtig" angezeigt, im FireFox leider zerschossen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><body>

<style type=text/css>

.profil{background:#f3e9e0;width:95px;float:left;font-weight:bold;padding:3px;padding-left:8px}
.profil3{padding:3px;margin-bottom:3px}

</style>

<div style=width:188px;float:left>
<textarea readonly style="width:180px;height:120px;padding:3px;border:1px solid #af0000;margin-bottom:3px">text</textarea>
</div>

<div style=width:240px>
<div class=profil>Größe</div><div class=profil3>wert</div>
<div class=profil>Figur</div><div class=profil3>wert</div>
<div class=profil>Augen</div><div class=profil3>wert</div>
<div class=profil>Haarfarbe</div><div class=profil3>wert</div>
<div class=profil>Haarlänge</div><div class=profil3>wert</div>
<div class=profil>Brille</div><div class=profil3>wert</div>
</div>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Wieso zerschiesst FireFox dieses DIV-Layout?

    Zeromancer
    – Informationen zu den Bewertungsregeln

    Hallo gourmet,

    was fehlt hier noch oder ist falsch? Im IE wird es "richtig" angezeigt, im FireFox leider zerschossen:

    was ist dein <head>-Bereich?
    Warum ist <body> nicht geschlossen?
    Wo sind die Angaben zu Zeichensatz und ähnlichem?

    :-)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><body>

    <style type=text/css>

    .profil{background:#f3e9e0;width:95px;float:left;font-weight:bold;padding:3px;padding-left:8px}
    .profil3{padding:3px;margin-bottom:3px}

    </style>

    <div style=width:188px;float:left>
    <textarea readonly style="width:180px;height:120px;padding:3px;border:1px solid #af0000;margin-bottom:3px">text</textarea>
    </div>

    <div style=width:240px>
    <div class=profil>Größe</div><div class=profil3>wert</div>
    <div class=profil>Figur</div><div class=profil3>wert</div>
    <div class=profil>Augen</div><div class=profil3>wert</div>
    <div class=profil>Haarfarbe</div><div class=profil3>wert</div>
    <div class=profil>Haarlänge</div><div class=profil3>wert</div>
    <div class=profil>Brille</div><div class=profil3>wert</div>
    </div>

    Mit freundlichen Grüßen,
    André

    --
    Es geht weiter!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Wieso zerschiesst FireFox dieses DIV-Layout?

      ishghdsghghsdg
      – Informationen zu den Bewertungsregeln

      was ist dein <head>-Bereich?
      Warum ist <body> nicht geschlossen?
      Wo sind die Angaben zu Zeichensatz und ähnlichem?

      das ist doch in diesem falle völlig unrelevant!!!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Watt? Wer bist du denn?

        Zeromancer
        – Informationen zu den Bewertungsregeln

        Hallo ishghdsghghsdg,

        was ist dein <head>-Bereich?
        Warum ist <body> nicht geschlossen?
        Wo sind die Angaben zu Zeichensatz und ähnlichem?

        das ist doch in diesem falle völlig unrelevant!!!

        sagt wer?

        Mit freundlichen Grüßen,
        André

        --
        Es geht weiter!
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Watt? Wer bist du denn?

          Cheatah
          – Informationen zu den Bewertungsregeln

          Hi,

          was ist dein <head>-Bereich?
          Warum ist <body> nicht geschlossen?
          Wo sind die Angaben zu Zeichensatz und ähnlichem?
          das ist doch in diesem falle völlig unrelevant!!!
          sagt wer?

          das W3C. Die drei[1] Fehler, die wir in dem Bereich haben, sind der fehlende <title>, <style> im <body> und der nicht in Quotes stehende Wert des type-Attributs. Davon abgesehen ist es natürlich _immer_ hilfreich, auf Mängel des Codes hinzuweisen, auch wenn es sich bei diesen zufällig mal nicht um Fehler handelt.

          Cheatah

          [1] Oder habe ich noch welche übersehen? Ich meine nur den Bereich bis einschließlich </style>.

          --
          X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
          X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
          X-Will-Answer-Email: No
          X-Please-Search-Archive-First: Absolutely Yes
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

  2. Wieso zerschiesst FireFox dieses DIV-Layout?

    Wilhelm Turtschan Homepage des Autors
    – Informationen zu den Bewertungsregeln

    habe d'ehre gourmet

    <div style=width:188px;float:left>

    Damit ist dieses Element aus dem Textfluss...

    <div style=width:240px>

    ... und Du musst diesem Element einen margin-left:190px verpassen

    Vor allem: class="...", style=".."

    man liest sich
    Wilhelm

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Wieso zerschiesst FireFox dieses DIV-Layout?

    D.R. Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    <div style=width:188px;float:left>

    Du solltest style-Attribute unbedingt in Anführungsstriche setzen.

    <div style=width:240px>
    <div class=profil>Größe</div><div class=profil3>wert</div>
    <div class=profil>Figur</div><div class=profil3>wert</div>
    <div class=profil>Augen</div><div class=profil3>wert</div>
    <div class=profil>Haarfarbe</div><div class=profil3>wert</div>
    <div class=profil>Haarlänge</div><div class=profil3>wert</div>
    <div class=profil>Brille</div><div class=profil3>wert</div>
    </div>

    Du solltest hier eine Tabelle nehmen. Tabellen sind nicht immer böse, jedenfalls nicht, wenn es sich um Tabellarische Daten handelt, was hier eindeutig der Fall ist.

    mfg. Daniel

    --
    Experten raten von der Verwendung des Internet Explorers ab!
    Diese Programme braucht man, um Webseiten zu bauen!
    Mein SELF-stylesheet
    Selfcode: ie:{ fl:| br:> va:| ls:# fo:| rl:( n4:# ss:{ de:> js:| ch:? mo:) zu:}
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Wieso zerschiesst FireFox dieses DIV-Layout?

      Marian
      +1 Informationen zu den Bewertungsregeln

      Hallo D.R.,

      <div style=width:188px;float:left>

      Du solltest style-Attribute unbedingt in Anführungsstriche setzen.

      <div style=width:240px>
      <div class=profil>Größe</div><div class=profil3>wert</div>
      <div class=profil>Figur</div><div class=profil3>wert</div>
      <div class=profil>Augen</div><div class=profil3>wert</div>
      <div class=profil>Haarfarbe</div><div class=profil3>wert</div>
      <div class=profil>Haarlänge</div><div class=profil3>wert</div>
      <div class=profil>Brille</div><div class=profil3>wert</div>
      </div>

      Du solltest hier eine Tabelle nehmen. Tabellen sind nicht immer böse, jedenfalls nicht, wenn es sich um Tabellarische Daten handelt, was hier eindeutig der Fall ist.

      Naja, hier noch noch nicht, bei zwei Spalten ist es IMHO "nur" eine Definitionsliste

      Viele Grüße aus Freiburg,
      Marian

      --
      Microsoft broke Volkswagen's world record: Volkswagen made only 22 million bugs!
      <!--[if IE]><meta http-equiv="refresh" content="0; URL=http://www.getfirefox.com"><[endif]-->
      Beitrag melden
      +1
      Informationen zu den Bewertungsregeln

      1. Wieso zerschiesst FireFox dieses DIV-Layout?

        Gunnar Bittersmann Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hello out there!

        Naja, hier noch noch nicht, bei zwei Spalten ist es IMHO "nur" eine Definitionsliste

        IMHO nicht.

        See ya up the road,
        Gunnar

        --
        “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Wieso zerschiesst FireFox dieses DIV-Layout?

          Marian
          – Informationen zu den Bewertungsregeln

          Hallo Gunnar,

          Naja, hier noch noch nicht, bei zwei Spalten ist es IMHO "nur" eine Definitionsliste

          IMHO nicht.

          Naja, aber in dem Fall kommt glaub ich nichts mehr dazu. OK, "bei zwei Spalten ist es grenzwertig"

          Wann würdest du denn dann eine Definitionsliste verwenden?

          Viele Grüße aus Freiburg,
          Marian

          --
          Microsoft broke Volkswagen's world record: Volkswagen made only 22 million bugs!
          <!--[if IE]><meta http-equiv="refresh" content="0; URL=http://www.getfirefox.com"><[endif]-->
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Wieso zerschiesst FireFox dieses DIV-Layout?

            Gunnar Bittersmann Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Hello out there!

            Naja, aber in dem Fall kommt glaub ich nichts mehr dazu.

            Mein Punkt ist nicht, ob wirklich etwas dazukommt, sondern ob etwas dazukommen _könnte_.

            OK, "bei zwei Spalten ist es grenzwertig"

            OK.

            Wann würdest du denn dann eine Definitionsliste verwenden?

            Bspw. bei Glossaren (selbstredend). Bei Quellenverzeichnissen:

            <dl>  
  <dt>Milne, 1926</dt>  
  <dd>A.A. Milne: Winnie-the-Pooh. Methuen & Co. Ltd., London, 1926</dd>  
  <dt>Milne, 1928</dt>  
  <dd>A.A. Milne: The House at Pooh Corner. Methuen & Co. Ltd., London, 1928</dd>  
</dl>

            See ya up the road,
            Gunnar

            --
            “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln