Peter: "height:xx;" wird von IE nicht interpretiert!

Hallo,

ich habe jetzt ein bisschen mit css rumgespielt und gemerkt, dass der IE manchmal height nicht beachtet:

<html>
 <head>
  <title>Test</title>
  <style type="text/css">
  <!--
   body { height:100%; width:100%; margin:0px; background-color:#000000; }
   #aussen { height:80%; width:80%; background-color:#FFFFFF; }
   #1 { height:20%; width:90%;  background-color:#4F4F4F;}
   #2 { height:80%; width:90%;  background-color:#5F5F5F;}
  //-->
  </style>
 </head>
 <body>
  <center>
   <div id="aussen">
    <div id="1">
     1. Element
    </div>
    <div id="2">
     2.Element
    </div>
   </div>
  </center>
 </body>
</html>

könnt ihr mir sagen warum der IE das nicht korrekt interpretiert?

mfg
Peter

  1. Hi,

    <div id="1">

    Eine id MUSS mit einem Buchstaben beginnen.

    <div id="2">

    dito.

    könnt ihr mir sagen warum der IE das nicht korrekt interpretiert?

    SISO. Shit in, Shit out.

    cu,
    Andreas

    --
    MudGuard? Siehe http://www.Mud-Guard.de/
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. Hallo Andreas,

      selbst wenn ich die Zahlen durch Buchstaben ersetzt wird das noch nicht keoorekt interpretiert!

      <html>
       <head>
        <title>Test</title>
        <style type="text/css">
        <!--
         body { height:100%; width:100%; margin:0px; background-color:#000000; }
         #aussen { height:80%; width:80%; background-color:#FFFFFF; }
         #eins { height:20%; width:90%;  background-color:#4F4F4F;}
         #zwei { height:80%; width:90%;  background-color:#5F5F5F;}
        //-->
        </style>
       </head>
       <body>
        <center>
         <div id="aussen">
          <div id="eins">
           1. Element
          </div>
          <div id="zwei">
           2.Element
          </div>
         </div>
        </center>
       </body>
      </html>

      mfg
      Peter

      1. Hallo,

        Probier's mal mit:

        html, body { height:100%; width:100%; margin:0; padding:0; }

        HTH, mfg
        Thomas

        1. Hallo Thomas,

          daran habe ich auch schon gedacht aber auch der folgende Quelltext bringt nicht das gewünschte Ergebnis:

          <html>
           <head>
            <title>Test</title>
            <style type="text/css">
            <!--
             html, body { height:100%; width:100%; margin:0; padding:0; }
             body { background-color:#000000; }
             #aussen { height:80%; width:80%; background-color:#FFFFFF; }
             #eins { height:20%; width:90%;  background-color:#4F4F4F;}
             #zwei { height:80%; width:90%;  background-color:#5F5F5F;}
            //-->
            </style>
           </head>
           <body>
            <center>
             <div id="aussen">
              <div id="eins">
               1. Element
              </div>
              <div id="zwei">
               2.Element
              </div>
             </div>
            </center>
           </body>
          </html>

          mfg
          Peter

          1. Hallo,

            daran habe ich auch schon gedacht aber auch der folgende Quelltext bringt nicht das gewünschte Ergebnis:

            Sind HTML und CSS valide?
            Mir fehlt die Doctype-Angabe - und die kann eine wesentliche Rolle spielen.
            http://www.heise.de/ix/artikel/2004/03/136/

            Was erwartest Du denn, und wie sieht es in welchem Browser aus?

            Gruesse,

            Thomas

            --
            Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
            Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
            Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/
            1. Man muss einfach position: relative angeben und es klappt, also so:
              #aussen { position: relative; width:80%; height:80%; background-color:#FFFFFF; }

              Marco

              P.S.: Es hat auch nicht bei Opera geklappt, also nicht immer nur IE ;-) bin aber eigentlich kein ie-befürworter

              1. habe es gerade auch nochmal mit opera getestet, dort klappt es irgendwie immer noch nicht und andere Browser zum testen habe ich nicht.

                Marco

                1. Hallo Marco,

                  P.S.: Es hat auch nicht bei Opera geklappt, also nicht immer nur IE ;-) bin aber eigentlich kein ie-befürworter

                  das bin ich auch nicht, denn ich benutze Firefox 0.8, das Problem ist nur ca. 90% benutzen den IE und das trotz der vielen Sicherheitslücken und dem s****ß ActiveX

                  du musst dem <center>-Tag Höhe zuweisen, dazu lese doch bitte die anderen Beiträge weiter oben

                  mfg
                  Peter

                  1. die habe ich gelesen, aber beim ie reicht es trotzdem position:raltive dazu zu schreiben.

                    Marco

            2. Hallo Thomas,

              Sind HTML und CSS valide?
              Mir fehlt die Doctype-Angabe - und die kann eine wesentliche Rolle spielen.

              in diesem Fall spielte es keine Rolle hatte es auch mit Doctype angaben probiert ;)

              Was erwartest Du denn, und wie sieht es in welchem Browser aus?

              ich erwarte, dass der Browser das ausgibt was ich eingebe!
              ich habe zum testen den IE und Firefox 0.8 benutzt.

              mfg
              Peter

          2. Hallo Peter,

            <body>
              <center>

            das center ist schuld - es ist nur so hoch wie der Inhalt, und das sind eben nur zwei Zeilen Text. Verpass im eine Höhe oder - noch besser - wirf es ganz raus.

            Grüße aus Nürnberg
            Tobias

            --
            Selfcode: sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
            1. Hallo  Tobias,

              thx genau das habe ich gesucht!
              By the way: ich habe es auf folgenden 2 Browsern getestet: IE, Firefox 0.8 (basiert auf Mozilla 5.0)

              mfg
              Peter

    2. Hallo Andreas,

      Sorry, ein »An-die-Nase-fassen«-Posting. ;-)

      SISO. Shit in, Shit out.

      Ich würde mich freuen, wenn Du (und andere) in Zukunft auf diese Phrase
      verzichten könntet. Rein objektiv stimmt es wohl meist, aber in gerade
      dieser prägnanten Kürze kann so etwas stark verletzend wirken, gerade
      auf Neulinge und/oder jüngere Poster hier. Mit den üblichen, aber wie ich
      finde verständlichen, Konsequenzen.

      Tschuldige, wenn es Dich gerade jetzt und hier trifft, es gäbe wohl
      bessere Ansatzpunkte, allerdings habe ich mich schon länger über diese
      »abstempelnden, heruntermachenden« Phrase geärgert. Du bist nur gerade
      zufällig der, den es trifft.

      Tim

  2. Hi,

    ganz nebenbei:

    <style type="text/css">
      <!--

    [...]

    //-->
      </style>

    "//" ist keine gültige CSS-Syntax.

    Cheatah

    --
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes