Zitat Zitat von Drakes Beitrag anzeigen
Also, soweit ich das sehe, ist dein Backgroundimage in horizontaler Richtung immer gleich, das heisst, du kannst es auch nur 1px Breit machen. http://img152.imageshack.us/img152/6030/bgrz3.png
Daher würd dein CSS-Code dann so aussehen:
HTML-Code:
body {
   background: #353535 url('bg.png') repeat-x;
}
Und hör auf mit den Tabellen und mit dem absoluten Positionieren. Der ganze Code für den Header könnte so aussehen:

HTML-Code:
CSS:
#header {
   display: block;
   width: 650px;
   margin: 0 auto;
   margin-top: 10px;
}

HTML:
<img id="header" src="Header.png" width="650" height="250" alt="DwGeH - Die offizielle Homepage zum Spiel" />
Dann das Menu:

HTML-Code:
CSS:
#menu {
   width: 372px; /* weiss nicht genau, hab ich mit measure-it abgemessen */
   margin: 0 auto;
   list-style: none;
}
#menu li {
   display: inline;
}
HTML:
<ul id="menu">
   <li><a></a></li>
   <li><a></a></li>
   <li><a></a></li>
</ul>
Zudem ist mir noch aufgefallen, dass du mehreren Elementen die gleiche id gegeben hast, dass ist in XHTML nicht erlaubt.

Und dann noch ein div für den eigentlichen content und dieses auch zentrieren, dann sollte so manches Problem behoben sein.

BTW. nette (ein bischen verstaubte) Referenz für CSS: http://www.css4you.de/
Danke...bis zum Header hab ich alles kapiert was du geschrieben hast.
Dannach kommt ein black out. xD
Das mit dem Menü verstehe ich nicht.Wie soll ich da den nun die Hover Button da rein schreiben? So ganz einfach sieht es ja nicht grade aus.
Evt. sollte ich auch mal erwähnen das ich ein anfänger in Sachen CSS bin. ._.

@ zu lange Disskusion für eine positsionierung eines Elementes

höchst interessant aber als Anfänger versteht man da :
Da dur noargh. Noargh intsch! aweli choal kan loxal
jaaa orkisch ist ne tolle Sache.

Zitat Zitat von Animagladius Beitrag anzeigen
Nimm stattdessen class="", das ist valide und funktioniert. Quasi das Selbe, nur für mehrere Objekte zu verwenden, anstelle von nur einem, wie id="" es tut.


Leon: Ich persönlich mag diese extreme Spiegelung in den "Buttons" (Wie ich dieses Wort hasse. Das erinnert mich immer an irgendwelche Mädchenspielzeuge...) überhaupt nicht. Zudem setzt sich der Schriftzug im Header durch den harten, schwarzen Rand viel zu sehr vom Rest ab und dieser "3D-Schrift"-Effekt passt überhaupt nicht ins restliche Bild. Die Pilze haben auch noch einen recht pixeligen Rand, wenn man genau hinschaut. Ich würde auch noch in den Highlight-Grafiken in der Navigation das "Leuchten" beim Hovern weicher machen. Ein Farbverlauf im tristen grauen Hintergrund täte sich sicherlich auch gut. Für den Content würde ich keine Hintergrundgrafik benutzen, da das nur unnötiges Laden bedeutet; die Grafik hat doch sowieso an jedem Pixel die selbe Farbe.
Die Farbgebung an sich ist aber nicht all zu schlecht.

Joah, hoffentlich hab ich dir damit ein bisschen helfen können.


LG,

Anima~
PUSH DA BUTTONS!!1
Njo den Header kann man wirklich bearbeiten. Müsste nur mal gucken was
sich da alles mit dem Font machen lässt. -__-
Aber bei den Pilzen kann ich da wirklich keinen einzigen
unterschied sehen.o_o

Geholfen hat das alles.Bisschen mehr dazu gelernt würd ich mal sagen. *

Naja viel Zeit hab ich ja jetzt wieder.Mal sehen ob das was wird...