FrameTechnk in CSS Layout

[LeH]

Hallo,

ich habe ein CSS Layout entworfen:

http://home.arcor.de/safarilon/

Quelltext kann man sich ja anschauen.

CSS-CODE ist hier:

/* Stylesheet Website  2005 */


/* Bereiche */

body, p a  
{
    color: black; 
    background-color: #FFFFFF;
    font-size: 100%;
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    margin: 0; 
    padding: 1em;
}

h1#Kopfzeile 
{
    font-size: 24px;
    margin: 0 0 0.7em;  
    padding: 0.3em;
    text-align: center;
    background-color: #FFFFFF; 
    border: 1px solid #BBBBBB;
}

html>body h1 
{
    border-color: black;  /* Farbangleichung an den Internet Explorer  */
}

div#Navigation
{
    background-image: url (round.gif);
    font-size: 0.83em;
    float: left;
    width: 18em;
    margin; 0 0 1.2em;
    padding: 0;
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
}

div#Navigation h4 
{
    margin: 0.2em 0.5em;
}

div#Navigation p 
{
    margin: 0.5em;
}
  

div#Info 
{
    font-size: 0.9em;
    float: right; 
    width: 12em;
    margin: 0 0 1.1em; 
    padding: 0;
    background-color: #FFFFFF; 
    border: 1px solid #BBBBBB;
}

div#Info h4 
{
    margin: 0.2em 0.5em;
}

div#Info p 
{
    margin: 0.5em;
}

div#Inhalt 
{
    background-color: #FFFFFF;
    margin: 0 12em 1em 16em;
    padding: 0 1em;
    border: 1px solid #BBBBBB;
}

* html div#Inhalt 
{
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

div#Inhalt h2 
{
    margin: 0.2em 0;
}

div#Inhalt p 
{
    font-weight: normal;
    margin: 1em 0;
}

p#Fusszeile 
{
    clear: both;
    font-size: 12px;
    font-weight: normal;
    margin: 0; 
    padding: 0.1em;
    text-align: center;
    background-color: #FFFFFF; 
    border: 1px solid #BBBBBB;
  }

/* Schriften */

a
{ 
    color: #000000; text-decoration: none; 
}

a:hover 
{ 
    color: #920404; text-decoration: none; 
}

h1 
{
    font-family: Garamond, Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 24px;
    color: #000000;
}

h2 
{
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    color: #000000;
}

h3 
{
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 10px;
    letter-spacing: 3px;
    line-height: 10px;
    text-transform: uppercase;
    color: #000000;
}

h4 
{
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000000;
}

p 
{
    font-family: Verdana, Tahoma, Microsoft Sans Serif, Arial;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}

.»
{
    color: #920404;
}

Mein Problem: Ich will, wenn ich rechts auf die Links klicke, den entsprechenden Inhalt im Hauptframe angezeigt bekommen. Hauptdiv besser gesagt. Wie macht ihr das denn?
Außerdem sollte der Inhalt immer die Länge haben, die er auch braucht. Und eine Mindestlänge.

Naja, dass er angezeigt wird wär mir für den Anfang sogar erst einmal genug.

Bitte macht mir ein paar Vorschläge mit Lösungsansätzen oder?

Vielen Dank
Leon

 

[ThLa]

Hallo,
du scheinst gerade von Frames auf Divs (css-layout) umszusteigen.
Wenn du den Inhalt deiner Links im "Hauptdiv" des selben Dokuments dargestellt haben möchstest, geht dies nur mit einer Programmiersprache.
Andere Menschen, die nicht mit Frames arbeiten, übernehmen für jeden Link die Ausgangsseite und fügen nur neuen Inhalt ein, speichern diese dann als ein neues Dokument und verweisen mit den Links der Ausgangsseite auf die neu Erstellte.
Die 2. genannte Methode ist die gängigste, und einfachste. Lange Ladezeiten werden durch ein Cachesystem vom Browser überwunden.
Ich hoffe, du konntest verstehen, wie das Prinzip funktioniert .

Zur 2. Frage: Die Länge des Inhaltes bestimmst du doch selber oder? Meinst du etwa die Länge der Divbox? Googel doch mal bei Selfhtml nach min-width + max-width, wenn ich deine Frage richtig verstanden habe, könnte dir das helfen.
--
Grüße

 

[LeH]

Hm ich denke schon...
machen wirs halt so...
; )

Danke dir..

ich meld mich hier nochma um zu zeigen wie es klappt.