nicht angemeldet
Abnd allerseits,
ich versuche momentan in "die Welt" von CSS einzublicken und habe dembezüglich ein paar Fragen die ich mir trotz recherchieren nicht beantworten konnte.
Folge Idee: Ich möchte eine Homepage machen, welche ihrem "aktiven" Teil in der Mitte des Bildschirmes hat, sprich es bleibt immer (egal welche Bildschirmauflsg.) ein Rand übrig. Meine Idee sah folgendermaßen aus:
------------
<html>
<head>
<title>***</title>
<meta name="author" content="***">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<style type="text/css">
body { background-color:#000000; }
#page {
position:absolute;
top:10%;
left:15%;
right:15%;
width:70%;
padding:300px;
margin:30px;
border:1px solid #9F9F9F;
background-color:#2F2F2F;
}
....
--------------
Erläuterung: Ich gebe also an das zum oberen Rand 10%, zum linken 15% usw. immer frei sein müssen. Im folgenden Code (nach </style>;</head>;<body> ) schreibe ich dann folgenden Code:
<div id="page">
....
</div>
Frage: Ich habe jetzt ein bestimmtes Feld, wo meine Homepage drinnen entstehen soll. Jetzt möchte ich diese Teile in "header", "navigation" und "text" unterteilen. Der Header soll z.B. die gesamte Breite sowie 100px von oben ausfüllen.
Jetzt kann ich natürlich folgendes schreiben:
#header {
XXXX
XXXX
}
Die Frage ist dabei aber, wie bekomme ich es hin, das z.B. die position sich nurnoch auf das innere, also auf "#page" bezieht und nicht auf den absoluten, also ganzen Bildschirm?
==============================
So, das war mein ersten Problem, das zweite folgt bald darauf, und zwar möchte ich in der Navigation natürlich ein Menü errichten, die Inhalte sollen dann im "Text" Feld (rechts daneben) erscheinen, bei "frames" konnte man das mit target="daten" beschreiben, wie macht man das hier am besten?
Und ich möchte insgesamt den ganzen Code natürlich nicht in eine Datei fassen sondern möglichst strukturiert haben, z.B. im Menü "Home", "Impressum" etc. , wie macht man das dann, das im Menü der der Link angegeben ist, im "Text" es dann geöffnet wird? (Vllt mit a href="XXX" ?? )
Wäre super wenn man mir diese Fragen beantworten könnte!!
mfg benni
Der Martin