Navigation überspringen

Übung

Positionierung

Folgender Quelltext ist Ihnen gegeben:

<html>
    <head>
        <meta charset="ISO-8859-1">
        <title>Abstand</title>
        <style>
            body{
                margin:0px;
                padding:0px;
            }
            .mainFrame{
                margin:30px 15px 20px 20px;
                background-color:#ffffff;
                padding:0px;
                font-size:12pt;
                border:1px solid #000000;
                width:145px;
                height:70px;
            }
            .mainFrame .subFrame{
                margin:-10px 0px 0px 15px;
                height:10px;
                width:70px;
                padding:5px;
                background:#999999;
                border:1px solid #0000ff;
            }
        </style>
    </head>
    <body>
        <div class="mainFrame">
            <div class="subFrame">                
            </div>
        </div>
    </body>
</html>

Aufgabe:

Skizzieren Sie -ohne weitere Hilfsmittel- nach vorgegebenen Maßstab in dem untenstehenden Freiraum die Ausgabe Ihres Browsers (Die Kreuzschraffur dient nur der Orientierung.). Nehmen Sie die obere und linke Rahmenbegrenzung als Ausgabebegrenzung Ihres Browsers an.