iFrame zentrieren?

  • Hallo :o)
    Hätte gern mein iFrame immer zentriert, aber ich bin zu doof. Das ist ein Auszug des HTML Codes meiner HP:

    <style type="text/css">
    <!--
    html, body {height:100%;margin:0;padding:0;}
    #topl {position:absolute;top:0px;left:45px;}
    //-->
    </style>
    </head>
    <body bgcolor="#E6E8E7">
    <div id="topl">
    <iframe src="main.html" name="main" width="753" height="672" frameborder="0">
    </iframe>
    </div>
    <font style="font-family:Verdana;font-size:9px;color:#606060;">
    <br><br><br>
    </body>
    </html>

  • Das Problem ist, ich habe ein paar Grundlagen vor Jaaahren gelernt und habe so schwierigere Sachen einfach von anderen machen lassen. Ich habe echt keine Zeit mir das anzueignen, daher muss ich mir irgendwie helfen lassen. Bin froh, wenn meine Seite steht, wie sie soll.hmm.

  • Warum will man eine Seite mit Gewalt aus dem Boden stampfen, wenn diese dann Schrott ist. Das macht keinen Sinn!

  • Also ich find meine Seite nicht unbedingt schrott
    Aber gut... Ansichtssache...

  • OK, die Optik ist wirklich nicht schlecht, aber der HTML-Code...

    Trotzdem würde ich auf Frames verzichten. Entweder jede Seite einzeln bauen oder, wenn vorhanden, die Seiten mit PHP zusammenbauen.

  • Sry, Adresse oben ging nicht.

    Klar, verbesserungswürdig, aber ich tu mein bestes mit dem wenigen, was ich so kann mit HTML.

  • Hmm okay, ich würd das mal in Angriff nehmen, wenn ich etwas Zeit finde.
    Wo finde ich denn schöne Anleitungen/Seiten, wo ich das lernen kann?

  • Ich danke sehr,
    habe jetzt schon mal ne halbe Stunde durchgeblättert, aber ich glaube nicht, dass ich das kann. Ich verstehe einfach gar nichts. Ich weiß echt nicht wie ich damit ne Homepage machen soll. Das ist viel zu viel.
    Warum eigentlich nicht einfach mit iFrames? :( Manno.

  • Ach komm, nach einer halben Stunde aufgeben geht ja mal garnicht. Vielleicht versuchst du das erst mal mit reinem HTML. Das, was du im Frame hast, packst du in ein div. So hast du dann zwar das Menü in jeder Datei stehen, aber das kannst du, wenn du etwas PHP gelernt hast schnell ändern.

  • Hmm nee, klappt nicht. Ich kann einfache Links, Hintergrund, Textfarbe und mehr nicht.
    Alles andere was in meinen Webseiten so aufzufinden ist, ist einfach irgendwo rausgesucht, kopiert, eingefügt und wunderbar, hat bisher alles so geklappt.
    Ich hab ja schon mal gar kein Plan, was "div" sein soll. Ich glaub, ich sollte das mit dem Webseitenbasteln lassen :/

  • Ich glaub, ich sollte das mit dem Webseitenbasteln lassen :/


    Ich glaube eher, du solltest dich entscheiden, ob du das lernen willst oder nicht. Denn mit einer Wischiwaschi-Einstellung wirst du es nicht lernen. Entweder ja, oder es lassen.

  • Hi,

    erstell eine index.php mit folgendem Inhalt

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
    <title>XHTML Strict | PHP 5.3.1 Testpage</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <link href="design.css" type="text/css" rel="stylesheet" />
    <link href="img/favicon.ico" type="image/x-icon" rel="shortcut icon" />
    </head>
    <body>

    <div class="rahmen">
    <div class="head"></div>
    <div class="leftboard"></div>
    <div class="content"></div>
    <div class="rightboard"></div>
    <div class="footer">
    <a href="http://validator.w3.org/check?uri=referer">XHTML</a>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">Css</a>
    </div>
    </div>

    </body>
    </html>


    jetzt machst eine design.css mit folgendem Inhalt

    * {margin: 0; padding: 0;}

    .rahmen {
    width: 1024px;
    height: auto;
    margin: auto;
    }
    .head {
    width: 100%;
    height: 80px;
    background-image: url(img/head.gif);
    }
    .leftboard {
    width: 124px;
    height: 1000px;
    background-image: url

    (img/leftboard.gif);
    float: left;
    margin: 9px 0 0 0;
    }
    .content {
    width: 682px;
    height: 1000px;
    background-color: #d9e5e5;
    float: left;
    margin: 9px 0 0 9px;
    }
    .rightboard {
    width: 200px;
    height: 1000px;
    background-color: #e5e5ff;
    float: left;
    margin: 9px 0 0 9px;
    }
    .footer {
    width: 99.7%;
    height: 18px;
    clear: both;
    margin: 9px 0 0 0;
    text-align: center;
    font-size: 16px;
    padding: 2px;
    }


    dann speichern, alles hochladen auf webspace. nun kannst du innerhalb der divs( in der index.php) dein text reinschreiben.

    schreib obs geklappt hat.

  • wenn du das mit dem div nicht verstehst kannst du dir auch mal en template laden z.B. auf http://templatemo.com ich hab mir dort auch eins geholt und mir index und die css datei genauer angeschaut und jetzt verstehe ich das auch alles... ich bleibe im moment noch bei dem template aber später versuch ich mir mein eigenes design zu erstellen. ob das laden von diesen fertigen templates jetzt von anderen als "unprofessionell" angesehen wird ist mir egal, denn ich lerne daraus!
    denn ich finde meine seite sieht so nicht schlecht aus und wenn man weiß wies geht ist das keine große kunst.

    Einmal editiert, zuletzt von FayYn (14. November 2009 um 18:26)

  • und jetzt verstehe ich das auch alles...


    Mit Verlaub, aber wenn ich mir Deinen Quelltext im Vergleich zu einer zufälligen Vorlage bei templatemo anschaue, hast Du da aber nur Mist verändert. ;)

    kannst du dir auch mal en template laden z.B. auf http://templatemo.com

    Aber Lizenzen sollte man auch beachten!

    HTML
    <div xmlns:cc="http://creativecommons.org/ns#" about="http://www.templatemo.com/preview/templatemo_158_interior"><a rel="cc:attributionURL" property="cc:attributionName" href="http://www.templatemo.com">www.templatemo.com</a> / <a rel="license" href="http://creativecommons.org/licenses/by/3.0/us/">CC BY 3.0</a></div>
  • ...wenn ich mir Deinen Quelltext im Vergleich zu einer zufälligen Vorlage bei templatemo anschaue, hast Du da aber nur Mist verändert. ;)


    Ich weiß, bin ja auch noch en newbie ^^ wenigstens einen kleinen erfolg mit dem registrier,login,logout,passwort vergessen...ding da hatte ich mal xD