Beiträge von sejuma

Versuch's mal so:

#menu {
list-style-type:none;
margin: 0;
padding: 0;
position: relative;
}


#menu li {
float: left;
}

<ul id="menu">
<li>
zeile1<br/>zeile2
</li>
<li style="position: absolute; left: 160px;">
zeile1<br/>zeile2
</li>
<li style="position: absolute; left: 350px;">
zeile1<br/>zeile2
</li>
<li style="position: absolute; left: 560px;">
zeile1<br/>zeile2
</li>
</ul>

Die Style-Angaben bei li kannst du noch durch entsprechende Klassen ersetzen.

Ja, mit

position: fixed;

Für den IE 6 brauchst du jedoch einen "Woraround"

Das ist eine unschöne "Div-Suppe", die du da gekocht hast.
Verwende für die Navi besser eine Liste und definiere für jeden Link eine Klasse.
Wie's geht ist hier (Variante 2) erklärt.

Wenn es ein Menue wird, dann verwende am besten eine Liste.
Genügend Beispiele hierzu findest du hier

Versuch's mal so:

Zitat

ul#Navigation a:hover, ul#Navigation span {
border-color: white;
border-left-color: black; border-top: 1px solid black;
color: white; background-color: black;
}

Solche Dinge kannst du löschen, denn 0px ist ja nichts:

border: 0px solid black;

Bereinige zunächst mal diese Fehler:
CSS

Dann verwende einen qualifizierten Doctype, damit der IE das CSS-Boxmodell richtig darstellen kann.
Die Speziealangaben für den IE sollten sich damit erübrigen.

Wenn der Fehler dann immer noch besteht, melde dich nochmal.

Ich kenne weder Photoshop, noch Gimp, sondern benutze PhotoImpact X3.
Die Kenntnisse hierzu habe ich mir hier angeeignet.

Die Seite sieht in verschiedenen Browsern unterschiedlich aus.
Das liegt daran, dass du keine Schriftart und -größe definiert hast.
Das solltest du noch für den body angeben.

Evtl. noch etwas padding-left, damit der Text nicht so weit links am Rand klebt.
Beachte jedoch, dass du dann die Breiten entsprechend reduzieren musst.

Hab jetzt leider keine Zeit. Hilfr dir vielleicht das weiter (Variante 2)?
http://www.ohne-css.gehts-gar.net/0024.php

Evtl. hilft das:
http://www.ohne-css.gehts-gar.net/0009.php

Ja, du solltest für deine Website eine Schriftart und eine Schriftgröße definieren, sonst werden die Standard-Browsereinstellungen verwendet.

Wenn du eine ausgelagerte CSS-Datei hast, dann ergänze diese um
(Beispiel)

body {font-family: Verdana; font-size: 100.01%;}

Falls nicht, dann schreibe das in den Headbereich jeder Seite:

<style type="text/css">
body {font-family: Verdana; font-size: 100.01%;}
</style>

Hilft dir das weiter?
http://www.ohne-css.gehts-gar.net/0019.php

ungetestet:
Entferne mal bei #nav-unten das rot markierte:

Zitat

#nav-unten {
margin-left: 14px;
margin-right: 5px;
clear: left;
float: left;
height: 25px;
width: 160px;
background: url(images/klausboden/nav-unten.jpg) no-repeat;
}

Alles anzeigen

Das clear und float dürfte unnötig sein, weil das übergeordnete #menu bereits gefloatet ist.
Durch dieses clear positioniert der FF den #content dann erst an dieser Stelle.

Nach der Elementreferenz und Validität geht's nicht, weil du dann ein Blockelement innerhalb des Inline-Elements "a" einfügen müsstest.
Ansonsten: http://www.ohne-css.gehts-gar.net/0059.php

Zitat

Und wie regel ich das dann für verschiedenen Auflösungen?

Eben mit meinem ersten Link.
Ansonsten: http://www.ohne-css.gehts-gar.net/0005.php

Mit leichten Einschränkungen bei IE: http://www.ohne-css.gehts-gar.net/0031.php

So meinte ich das nicht.
Ein Link ist ein Link und keine Überschrift. Deshalb wird er (seperat) mit "a" definiert.
Überschriften werden separat mit "h" definiert.
Somit macht es m.E. keinen Sinn, "a" und "h" innerhalb einer Angabe zu kombinieren.

Du solltest also "a" und "h" in der CSS-Datei vollkommen trennen.

"h" darf auf HTML-Seite auch nicht innerhalb von "a" vorkommen: http://de.selfhtml.org/html/referenz/elemente.htm#h1_h6
Ansonsten wäre ein Link nicht schlecht, damit man mal den Gesamtzusammenhang sieht.

Ich habe gerade keinen FF parat.
Aber bereinige zunächst diese Fehler.

Der Hauptfehler dürfte in den falschen Kommentierungen liegen.
Mach diese mal kürzer:

<!--Kommentar-->

Könnte daran liegen, weil a ein Inline-Element ist:

Zitat

.post h2 a:link,

Lass hier h2 doch einfach weg und formatiere über a.

Das sieht so aus, als ob da lediglich vornedran die Raute (#code) für einen ID oder der Punkt für eine Klasse (.code) vergessen wurde.