[CSS] overflow problem mit Doctype

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [CSS] overflow problem mit Doctype

    Mein problem ist, das der Nachfolgende Code so funktioniert wie er sollte, solange ich nicht den Doctype:
    <!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    verwende!

    Hat jemand eine Lösung, wie ich auch mit der Verwendung des oben genannten Doctype's, die höhe mit % dynamisch halten kann und den overflow im div behalte?

    Code:

    <!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" xml:lang="en" lang="en">
    <head>
    <title>testseite</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <style>
    body {
    background-color: #DDD;
    font-size: 11px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    }

    /* ----------container zentriert das layout-------------- */
    #container {
    background-color: #000000;
    width: 792px;
    height: 50%;
    padding: 0px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    }

    #content {

    background-color: #FFF;
    width: 792px;
    height: 50%;
    overflow: auto;
    overflow-x: hidden;
    padding: 0px;
    margin: 0px;
    }
    </style>
    </head>
    <body>
    <div id="container">
    <div id="content">

    Hier wäre der lange Text (gekürzt)<br />

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

  • #2
    Re: [CSS] overflow problem mit Doctype

    Worauf bezieht sich eine Höhenangabe in Prozent? Auf die Höhe der Vorfahrenelemente.
    Hast du die Höhe der Vorfahrenelemente angegeben? Nein.
    Wie hoch sind die Vorfahrenelemente also effektiv? Nur so hoch, wie es ihr Inhalt erfordert.
    I don't believe in rebirth. Actually, I never did in my whole lives.

    Kommentar


    • #3
      Korrektur also:

      html{
      height: 100%;
      }
      body {
      background-color: #DDD;
      font-size: 11px;
      font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

      padding: 0px;
      margin: 0px;
      margin-top: 10px;
      height: 100%;
      }


      danke für den Hinweis

      bzw. die % sind so jetzt nicht perfekt, müssen noch angepasst werden, je nach verwendung
      Zuletzt geändert von ThaDafinser; 19.08.2006, 15:21.

      Kommentar

      Lädt...
      X