Porblem mit #text und #navi Bereich

Also erstmal will ich ein grosses Kompliment aussprechen. Ich hatte vor einigen Jahren schon vor mich mal mit html auseinanderzusetzen. Jedoch hab ich damals nie den richtigen "approach" zur ganzen Geschichte gefunden! Diese Seite hat dies geändert
Trotzdem bin ich jetzt auf ein Problem gestossen, das Design hab ich via einer separaten CSS Datei gestaltet. Es funktioniert eigentlich auch ganz gut, nur bin ich auf ein Problem gestossen, dass ich nicht lössen kann. Möglicherweise hab ich irgendeine "Grundlage" vergessen/übersprungen oder nicht beachtet. Jedenfalls erscheint bei mir jetzt die verschiedenen <div> einfach "chronologisch" untereinander nach der "hierarchie" ihrer Eingabe. jedoch würde ich ja serh gerne die Navigationsleiste immer auf der Seite haben (hat so geklappt) aber daneben natürlich schon mit dem Inhalt der Page anfangen. Also ich glaube der Fehler könnte sich hier befinden:
(Ausschnitt aus meine .css Datei)

Zitat

#text {

width:95%;
color:#FFFFFF;
letter-spacing:0.21em;
word-spacing:0.1em;
line-height:30px;
border: 10px solid #000000;
padding:5px;
margin-left:250px;
}

#navi {
float:left;
width:200px;
text-align:center;
margin-left:0px;
margin-top:10px;
margin-right:0px;
margin-bottom:2px;

}

#navi ul {
list-style:none;
}

#navi li {

background-color:#000000;
text-decoration:none;
border-top:silver 5px dotted;
border-right:silver 3px dotted;
margin-top:5px;
padding:8px;
}

#navi a:link {color:#FFFFFF; text-decoration:none; }
#navi a:visited {color:#FFFFFF; text-decoration:overline;}
#navi a:focus {color:#FFFF00; text-decoration:underline;}
#navi a:hover {color:#FFD400; text-decoration:underline;}
#navi a:active {color:#FF0000; text-decoration:none;}

Alles anzeigen

dann in meine html datei:

Zitat

<div id="navi">
<ul>
<li><a href="index.htm">Startseite</a></li>
<li><a href="aboutus.htm">&Uuml;ber Uns</a></li>
<li><a href="members.htm">Mitglieder</a></li>
<li><a href="pics.htm">PartyPictures</a></li>
<li><a href="logos.htm">Logos</a></li>
</ul>
</div>

<div id="text">Hier steht dann etwas &uuml;ber unsern Verein!</div>

Alles anzeigen

Falls es euch hilft, ich hab es mittels eines Gratis-Webhosters schonmal zum testen online gestellt. Ich hab nun aber auch eine kostenpflichtige webspace und domain bestellt...aber noch nicht genutzt... Adresse wäre:

<!-- m --><a class="postlink" href="http://elzi.funpic.de">http://elzi.funpic.de</a><!-- m -->

(es funktionieren noch nicht alle links etc. aber zur Veranschaulichung sollte es genügen) Jegliches Feedback zur Page ist natürlich sehr gerne gesehen stehe erst am anfang...hab erst heute begonne mich einzuarbeiten :wink:

ja man sieht es jetzt noch nicht wirklich...weil ich noch gar keinen text oder bilder als inhalt eingefügt habe. Wenn dass aber der fall wäre, so würde der erst unterhalb der navigationslaiste beginnen und nich gleich neben an. Verstehst du was ich meine? Ich hab mit margin left geschaut dass der text sicherlich genügend seitenabstand hätte, so dass er genügend platz neben der navigationleiste hätte, jedoch "flutscht" der trotzdem nicht nach oben, sondern bleibt unterhalb der navigationsleiste sitzen.

Heading
H1
Navileiste *hier hätte ich gerne den Inhalt*

+doch er sitzt irgendwie hier unten fest, obwohl mit margin-left eigentlich genügend platz neben der navi leiste sein sollte+

jooo genau das hatte ich gemeint!
ich musste aber das display blocked und die position relative bei der navi wieder wegnehmen...sonst haben die "buttons" völlig gespinnt (sind nurnoch erschienen wennn man über sie drüberfährt.
beim text hab ich sie jetzt aber reingenommen.
aus meiner sicht hat aber wahrscheinlich etwas ganz anderes geholfen! Ich habe alle margins entfernt und die width der navi leiste auf 25% und die des textes auf 71% gsetzt und schon standen sie nebeneinander ! das komische ist, dass es ab 72% schon wieder runterrutscht ^^ich bin ja kein mathegenie aber 72+25 gibt noch nicht ganz 100 :lol: aber egal...ein kleiner abstand zwischen navi und text muss ja sowieso sein :wink:
also es hat geklappt...deine tipps wegen dem header werd ich mir zu herzen nehmen...das problem ist aber dass das bild dann völlig verzieht wenn ich die height reduziere...dann muss ich logischerweise auch die width reduzieren und dann "füllt" es nicht mehr die ganze breite der seite. (mir ist bewusst das nicht alle mit 1024 oder gar 1280 auflösung arbeiten aber für mich als anfönger siehts so zurzeit einfach noch am besten aus