Scrubs - Layoutprobleme eines Anfängers

  • Wusstet ihr, dass "scrubs" sowohl "Anfänger" bedeutet, und gleichzeitig die Bezeichnung für die Kleidung der Ärzte ist?

    Ich habe folgendes Layout vor mir

    in der Mitte befindet sich ein iFrame, in dem der Content geladen werden soll. Mein Problem ist nun, dass ich dessen Größe variabel halten möchte um in möglichst allen Auflösungen zu funktionieren. Wie bekomme ich es denn nun hin, einen möglichst großen Frame zu haben, der aber weder über die Figur links, noch den schwarzen Balken unten ragt?

    Mein aktueller Ansatz wäre

    Code
    #Frame {
        z-index: 1;
        position: absolute;
        top: 10%;
        left: 15%;
        height: 100%;
        width: 100%;
        margin: 50px 50px 200px 300px;
        }

    das sieht allerdings so aus

    danke schonmal für im vorraus
    lg, cyco

  • warum willst du unbedingt nen iframe verwenden ? wie wärs mit nem div ?

    Code
    <div style="width:80%; height:80%;margin-left:10%;margin-top:10%;"></div>

    (den css-code dann natürlich entsprechend in ne class oder id auslagern...)

  • warum willst du unbedingt nen iframe verwenden ? wie wärs mit nem div ?

    Code
    <div style="width:80%; height:80%;margin-left:10%;margin-top:10%;"></div>

    (den css-code dann natürlich entsprechend in ne class oder id auslagern...)

    es muss eh nicht unbedingt ein iFrame sein, ich dachte nur, dafür wäre er da. Die Frage ist jetzt nur, wie ich das externe HTML in das Div verlinke. Außerdem kann ich für den margin keine Prozentwerte verwenden, da sonst bei starker verkleinerung des Browserfensters der Frame (oder div) wieder über Balken und Figur ragt.

    und du könntest des ganze über includes regeln, damt is deine höhe auch dynamisch..
    ohne php ginge es mit ssi oder mit ajax



    Wie funktioniert das mit includes? Könntest du mir da vl ein kurzes Quelltextbeispiel geben?

  • naja du machst die datei nur mit dem inhalt, der einbeunden werden muss..

    also
    inhalt-x.php

    PHP
    <div id="blubb">das is dein content</div>

    index.php

    PHP
    <div id="bla">
    <?php include('inhalt-x.php') ?>
    </div>

    ergebnis:
    index.php

    HTML
    <div id="bla">
    <div id="blubb">das is dein content</div>
    </div>