Beiträge von josef

  • div%

    OK, dann probier ich jetzt noch mal, was sich so mit em so tut.Vielen Dank schonmal, Koslowski. Werde die Tage berichten, wie es geklappt hat , ich hoffe du findest mich dann noch hier.
    bis dann,
    Jo

  • div%

    Kanst Du mir auch nochmal sagen, wie die LÖsung in CSS aussieht, wenn das möglich ist Koslowski?Würd´ mich auch interessieren...
    Gruß,
    Josef

  • div%

    Hallo Koslowski,

    dann kann ich doch einfach im HTML Editor alle Einheiten auf em umstellen, oder?Das wäre wohl das einfachste, oder?
    Was bedeutet em denn ausgesprochen?
    Gruß,Josef

  • div%

    Hi Driver,
    hoppala,natürlich so:

    css:
    html, body { height: 100%;
    margin: 0px;
    }

    #container {
    position: relative;
    margin: 0 auto;
    width: auto;
    min-height: 100%;
    height: 100%;
    background: #eee;
    }

    #inhalt1{ height: 403px; width: 623px; left: 159px; top: 86px; position: absolute; z-index: 4; visibility: visible}

    #inhalt2{ height: 403px; width: 623px; left: 159px; top: 86px; position: absolute; z-index: 5; visibility: visible}


    etc..

    ------------------------
    html:
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!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>
    <title>beispiel</title>
    <meta **********="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="../css/basic.css" type="text/css" rel="stylesheet" media="all" />
    </head>

    <body>
    <div id="container">

    <div id="inhalt1">
    <div style="position:relative;width:623px;height:403px; ">
    <div style="position:absolute;top:0px;left:0px;width:62 3px;height:403px;">

    </div>
    <div id="inhalt2">
    <div style="position:relative;width:623px;height:403px; ">
    <div style="position:absolute;top:0px;left:0px;width:623px;height:403px;">


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

    </html>

  • div%

    DIV+Inhalt+skalieren
    Huhu,

    seit einer Woche sitze ich an einem wahrscheinlich relativ einfachen Thema, komme aber auf keinen grünen Zweig.

    - Ich habe eine Site erstellt und ich möchte, das sich der #Container, der alle
    anderen #Inhaltsdivs beinhaltet von der Höhe an dem Viewport orientiert(skaliert) und
    auch seine Inhaltsdivs sich abhängig von dem Container skalieren und relativ positionieren.

    -Die hier dargestellten beispielinhaltsdivs haben natürlich in der originalseite
    unterschiedliche Poitionen und Größen.
    hier der Code:

    css:
    html, body { height: 100%;
    margin: 0px;
    }

    #container {
    position: relative;
    margin: 0 auto;
    width: auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: #eee;
    }
    ------------------------
    html:
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!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">
    <title>beispiel</title>
    <meta **********="Content-Type" content="text/html; charset=iso-8859-1" />
    <link href="../css/basic.css" type="text/css" rel="stylesheet" media="all" />
    </head>


    <div id="container">

    <div id="inhalt1">
    <div style="position:relative;width:623px;height:403px; ">
    <div style="position:absolute;top:0px;left:0px;width:62 3px;height:403px;">

    </div>
    <div id="inhalt2">
    <div style="position:relative;width:623px;height:403px; ">
    <div style="position:absolute;top:0px;left:0px;width:62 3px;height:403px;">


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

    </html>
    kann mir da jemand weiterhelfen?
    ciao,jonas