Slash: Problem mit verlinken

Hallo zusammen, ich muss zuerst sagen,dass ich ein kompletter Anfänger in sachen website programmierung bin und ich hoffe,dass ich hier Antworten auf meine noch so vielen offenen Fragen bekomme.
Ich habe mir div. Bücher (Webseiten programmieren und gestalten von Mark Lubkowitz und Einstieg in php5&mysql5 von Thomas Theis) zugelegt und muss sagen sie helfen mir schon sehr gut,allerdings hab ich doch noch einige probleme,wo ich auch in den Büchern nich wirklich was gefunden habe,oder ich kann es zumindest noch nicht wirklich zuordnen,und zwar habe ich folgenden code von dieser seite http://de.selfhtml.org/css/layouts/anzeige/hintergrund.htm als Beispiel genommen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
       "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Layout mit grafischer Spaltenaufteilung</title>  
<style type="text/css">  
  body {  
    color: black; background-color: white;  
    font-size: 100.01%;  
    font-family: Helvetica,Arial,sans-serif;  
    margin: 0; padding: 1em 0;  
    text-align: center;  /* Zentrierung im Internet Explorer */  
  }  
  
  div#Seite {  
    text-align: left;    /* Seiteninhalt wieder links ausrichten */  
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */  
    width: 760px;  
    padding: 0;  
    background: #ffffe0 url(hintergrund.gif) repeat-y;  
    border: 2px ridge silver;  
  }  
  
  h1 {  
    font-size: 1.5em;  
    margin: 0; padding: 0.3em;  
    text-align: center;  
    background: #fed url(../../../src/logo.gif) no-repeat 100% 45%;  
    border-bottom: 1px solid silver;  
  }  
  
  ul#Navigation {  
    font-size: 0.83em;  
    float: left; width: 200px;  
    margin: 0 0 1.2em; padding: 0;  
  }  
  ul#Navigation li {  
    list-style: none;  
    margin: 0; padding: 0.5em;  
  }  
  ul#Navigation a {  
    display: block;  
    padding: 0.2em;  
    font-weight: bold;  
  }  
  ul#Navigation a:link {  
    color: black; background-color: white;  
  }  
  ul#Navigation a:visited {  
    color: #666; background-color: white;  
  }  
  ul#Navigation a:hover {  
    color: black; background-color: #eee;  
  }  
  ul#Navigation a:active {  
    color: white; background-color: gray;  
  }  
  
  div#Inhalt {  
    margin: 0 0 1em 220px;  
    padding: 0 1em;  
  }  
  * html div#Inhalt {  
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */  
    margin-bottom: 0;  
  }  
  div#Inhalt h2 {  
    font-size: 1.2em;  
    margin: 0.2em 0;  
    color: navy;  
  }  
  div#Inhalt p {  
    font-size: 1em;  
    margin: 1em 0;  
  }  
  
  p#Fusszeile {  
    clear: both;  
    font-size: 0.83em;  
    margin: 0; padding: 0.1em;  
    text-align: center;  
    background-color: #fed;  
    border-top: 1px solid silver;  
  }  
</style>  
</head>  
<body>  
  
<div id="Seite">  
  <h1>CSS-basierte Layouts</h1>  
  
  <ul id="Navigation">  
    <li><a href="einfuehrung.htm">Einführung in CSS-basierte Layouts</a></li>  
    <li><a href="mehrspaltige.htm">Mehrspaltige CSS-basierte Layouts</a></li>  
    <li><a href="fixbereiche.htm">Fixe Bereiche mit CSS-basierten Layouts</a></li>  
    <li><a href="navigationsleisten.htm">CSS-basierte Navigationsleisten</a></li>  
    <li><a href="browserweichen.htm">CSS-Browserweichen</a></li>  
  </ul>  
  
  <div id="Inhalt">  
    <h2>2-spaltiges Layout mit Hintergrundgrafik</h2>  
    <p>In diesem Beispiel wird eine Hintergrundgrafik  
       zur optischen Trennung der Spalten verwendet.</p>  
    <p>Dies erfordert leider, dass die Breite der links stehenden Navigation  
       passend zur Hintergrundgrafik in 'px' angegeben wird.  
       Dadurch kann sich die Breite dieser Box einer Änderung des Schriftgrades  
       nicht anpassen.</p>  
    <p>Wie die links graue Hintergrundgrafik ist auch die gelbe Hintergrundfarbe  
       des Inhaltsbereichs dem die Seitenelemente umschließenden DIV zugewiesen.  
       Sowohl für die Navigation als auch für diese Inhaltsbox ist selbst  
       kein Hintergrund angegeben.<br>  
       Die durchgehende Trennung der Boxen wird somit lediglich optisch simuliert  
       und ist unabhängig von deren Höhe.</p>  
    <p>Der Kopf- und der Fußzeile wurde eine Hintergrundfarbe zugewiesen,  
       damit sich die optische Trennung nicht auf diese Bereiche ausdehnt.</p>  
  </div>  
  
  <p id="Fusszeile">Diese Fußzeile stellt innerhalb des umschließenden DIVs  
     den Elementenfluss wieder her.</p>  
</div>  
  
</body>  
</html>

Meine Frage ist nun,wie schaffe ich es die links so zu setzen,dass die verlinkten Seiten in dem "Inhalt"´s fenster dargestellt werden?

Versteht ihr in etwa was ich meine?

Bedanke mich schon mal im voraus ! :)

  1. Hi,

    Meine Frage ist nun,wie schaffe ich es die links so zu setzen,dass die verlinkten Seiten in dem "Inhalt"´s fenster dargestellt werden?

    das ist kein "Fenster", sondern ein stinknormales Element. Ein Teil eines Dokuments. Ein Fenster ist das, worin dieses Dokument geladen ist - und auch das, was bei einer Verlinkung ersetzt wird. Sinnvollerweise, denn andernfalls müsstest Du Ressourcen bereitstellen, denen wichtige Informationen fehlen, beispielsweise die Navigation.

    Versteht ihr in etwa was ich meine?

    Du meinst Frames und hast es versäumt Dich darüber zu informieren, dass diese (bzw. genauer gesagt *exakt* das, was Du versuchst - egal ob mit Frames oder nicht) so ungefähr das Widerlichste sind, was Du einer unschuldigen Homepage antun kannst.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes