Hallo,
ich habe eine kleines Problem. In einem Wrapper hab ich einen div-Container, der eine Hintergundbild besitzt. Das Hintergrundbild wird im IE (6) richtig zentriert angezeigt. In Netscape 6 und Mozilla ist es dagegen 1 oder 2 Pixel nach links verschoben. Wie kann man es auch hier richtig zentriert anzeigen?

style-sheet:

html, body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100.01%;
text-align: center; /* fuer IE */
}

* {
margin: 0;
padding: 0;
}

#wrapper {
margin: auto;
width: 954px;
text-align: center;
border: 0px;
}

#content { width: 952px;
background: url(../images/bodyback.png) repeat-y;
background-position: 0% 0%; }

Erstaunlich. Deine Hintergrundposition sagt: oben links. Wie willst du damit etwas zentrieren?
Und selbst wenn du »background-position: center center;« schreibst, ist das Bild um genau die Länge nach links verschoben, die #content kürzer als #wrapper ist.
Wozu brauchst du überhaupt verschachtelte DIVs? Gib doch mal 'ne URL, damit man sich das live ansehen kann.

Gruß
Thomas

Ich kenne mich mit CSS nicht aus, ich bin quasi Anfänger.
Wenn ihr weitere Verbesserungen wisst dann her damit. Was sind zum Beispiel verschachtelte DIVs?

URL: http://www.usersboard.de/index2.html

Verschachtekte DIVs sehen so aus:
Fast immer unnütz.

Tja, was soll ich dazu sagen? Dieses Dokument hat überhaupt keine Struktur, keine Überschriften, keine Navigationslisten, nur IMG und DIV, sonst nix.
Wer keine Bilder laden läßt, erfährt überhaupt nichts.

Erfolgreiches CSS setzt sauberes Markup voraus. Es kann deinen HTML-Code nicht retten.
Also: Überleg dir erstmal, wie du das ohne den Einstaz von Bildern umsetzen würdest, und bau dann die nötigen Bilder ein — wo möglich als Hintergrund.

Und bitte: Wirf den Hinweis raus, du hättest die Seite für einen völlig kaputten Uraltbrowser auf einem kleinen Monitor »optimiert«. Das tut man nicht. ;)

Was du im IE Win bekommst, ist übrigens das Resultat von »text-align:center«, das dieser irrigerweise auch auf Blockelemente anwendet.

Gruß
Thomas

Ich krieg das nicht anders hin, ohne Bilder. Wie soll ich mit CSS solche Buttons erstellen? Auch bekommt man mit CSS nicht solche schönen Balken hin.
Ich verstehe ja, dass man nichts sieht, wenn man keine Bilder lädt, aber wie soll ich es denn anders machen?

Trotzdem Danke!

Du kannst etwas in der Art versuchen: http://www.alistapart.com/articles/slidingdoors/

Die Balken bekommst du durchaus mit Hintergrundbildern hin; die abgerundeten Ecken werden schon etwas kniffliger.

Du wirst einen Weg finden müssen. Dein wichtigster Besucher ist blind und interessiert sich im Normalfall nichtmal für Alternativtexte (die bei dir ja leider sowieso noch fehlen): Google.
Es wird natürlich sehr, sehr schwer, gerade wenn du mit CSS noch nicht soo vertraut bist (das ist nicht böse gemeint).
Ich bräuchte dafür ca. zwei Stunden — du wirst verstehen, daß ich dir da keine fertige Lösung posten werde. ;)
Wie auch immer du das umsetzt: Es wird ganz schön auf Kosten der Performance gehen. Also überleg dir mal, ob du nicht lieber versucht, etwas umzusetzen, das du technisch bewältigen kannst und das ein bißchen schneller lädt.

Gruß
Thomas