Webseite im Browser zentrieren.

Tja, ohne link schwer.
Allgemein:
Breite:
wrapper {width: XXpx;}
Zentrieren:
wrapper {margin: 0 auto;}

Dann genügt es wohl nicht nur Deine CSS zu sehen, ohne die Seite dazu. Oder einfacher, Du kannst in der CSS auch #katzenfutter {} schreiben, doch wird das nur einer Katze schmecken, die in der Seite enthalten ist und die nicht durch einen übergeordneten Hund um den Genuss gebracht wird.

Kommt mir etwas doppelt gemoppelt vor, doch wenn ich den ersten nur entferne, wird es auch nur linksbündig ausgerichtet.

body.responsive.layout-full #page-wrapper {
    max-width: 100%;
}


body.responsive.layout-full #page-wrapper .full-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
}

Tausche ich da aber dann die max-width: 100% gegen diese beiden Zeilen aus, wird es korrekt angezeigt.

body.responsive.layout-full #page-wrapper {
    max-width: 1080px;
    margin: auto;
}


body.responsive.layout-full #page-wrapper .full-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
}

Füge ich dann Kommas hinter full und wrapper ein, so klappt es auch mit einem Eintrag und den ersten für body.... kann ich löschen:

body.responsive.layout-full, #page-wrapper, .full-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
}

Zitat von yukay

"Little Boxes" heißt das.

Habe die Bewertungen gelesen, das Buch kann nicht schlecht sein, denke eher, dass es richtig gut sein könnte.

Das wird wohl mit CSS Media Queries und mit responsiven Webdesign zusammenhängen und damit, dass unter einer gewissen Mindestbreite von Screen andere Stylesheets verwendet werden. Wenn Du mit Deinen bisher nicht vorhandenen Erfahrungen da eingreifen würdest, könntest Du Dein ganzes Design in eine Trümmerwüste verwandeln.
Verstehe auch nicht den Sinn Deines Anliegens, warum sollte da auf kleineren Screens noch eine Auffüllung mit einem Hintergrund stattfinden, der doch nicht mehr als ein formatfüllendes Zugeständnis an größere Screens ist.

Zitat von yukay

Dass heisst, wenn ich mit dem Smartphone draufgehe, soll sie bitte so in der Form bleiben wie sie ist, nur eben kleiner.

Und wenn sich die Webseite dabei anpasst und nicht so bleibt wie sie auf größeren Geräten dargestellt wird, nennt es sich responsive(s) Webdesign. Die meisten sind zufrieden und glücklich, endlich eine Webseite mit responsiven Webdesign zu haben, weil dadurch eine Browserweiche entfallen kann, die zwischen einer example.com und einer mobile.example.com je nach Screen oder Endgerät wechselt, nur Du möchtest wieder zurück zu einem starren Design.

Ist doch ganz einfach, Du wirfst alle CSS Styles, die dafür verantwortlich sind und Media Queries hinaus und tauscht Prozentangaben gegen Pixel aus oder so.

Und nein, ich habe kein Smartphone zur Hand. Dennoch kenne ich mich so halbwegs aus. In der Kurzfassung:

http://de.wikipedia.org/wiki/Responsive_Webdesign

Das ist bei Deiner Seite noch viel schlimmer. Ich meine ich habe zwar kein Smartphone zur Hand, weil ich ja auch keins zur Hand habe, doch ab und an benutze ich mal dieses Ding:

http://www.opera.com/de/developer/mobile-emulator

Könnte sein, dass ich da nicht mehr die neusten Modelle zur Auswahl habe und wenn ich da ein älteres Nokia auswähle, dann sieht das irgendwie gar nicht perfekt aus, selbst wenn ich da zoome um mehr zu sehen. Siehe Screenshot.

Gut, meine Seite sieht nicht besser aus, wenn ich die Ansicht nicht drehe, wie ich gerade sah. Was aber wirklich gut geworden zu sein scheint, das sind die Angebote von Amazon, an denen ich zwei Tage wegen dieser responsiven Darstellung saß. Schaue Dir die Tabelle mit den 3 Büchern unten auf der Seite mal an und schiebe dabei ganz langsam Dein Browserfenster zusammen, die müssten eigentlich immer die richtige Breite haben:

http://www.coder-welten.com/ausgewaehlte-a…h-onload-laden/

Ähnlich könntest Du das bei Dir auch machen, wobei ein Wechsel von Tabelle auf einfache Listung erfolgt, wenn der Platz für eine Tabelle nicht mehr ausreicht.