Überschüssiger Rand rechts und links aus dem browser schieben

**gbauer81** · 15.04.2009, 12:14

Hallo,
ich hab da mal schon wieder eine Frage zu CSS. Wir haben hier ein Layout wo der Header auf 1280px ausgelegt ist und der Content auf 1024px. Das Layout ist zentriert und beinhaltet auch ein Hintergrundbild das je nach Auflösung mehr oder weniger zeigt. Wir würden dieses Layout (natürlich zentriert) gerne auch auf einer 1024px Auflösung darstellen und die überschüssigen Inhalte einfach rechts und links aus dem Sichtbereich schieben.

Ich kann natürlich das ganze mit einem

Code:

width: 1280px;
position: absolute;
left: 50%;
margin-left: -640px;

machen, allerdings ist dann das erwünschte Hintergrundbild weg. Hat eventuell jemand nen Tipp für mich wie sich so etwas bewerkstelligen lässt?

Hier der Link zur Seite: Ãœber uns- Tigersites

**Ingo187** · 15.04.2009, 13:36

ich verstehe dein problem nicht ganz.
was soll da wo weg und ist jetzt falsch?

**gbauer81** · 15.04.2009, 13:42

Also, ich versuch das ganze mal am Header zu erklären. Dieser ist 1280px groß und zentriert ausgerichtet. Auf einer 1024px soll nun der Header ebenfalls zentriert sein und das was recht und links zuviel vom header übrig ist soll sozusagen einfach rechts und links vom browser verschwinden.

**Ingo187** · 15.04.2009, 13:46

ah ok einfach als hintergundbild einbinden?
also nen container wo das bild im hintergund zentriert ist.

**gbauer81** · 15.04.2009, 14:23

Zitat von Ingo187

ah ok einfach als hintergundbild einbinden?
also nen container wo das bild im hintergund zentriert ist.

Jepp, das Bild ist im Hintergrund, aber wie kann ich den Div kürzen der größer als 1024px hat ohne die größe zu ändern?

**Ingo187** · 15.04.2009, 14:51

ich versteh das problem nicht...
erst mal wieso legste ne seite auf mehr als 1024 breite aus?

du willst also dass dein content_wrapper kleiner als 1280px px breit werden kann aber ohne dass der scrollbar unten aufgeht?

**gbauer81** · 15.04.2009, 14:58

Zitat von Ingo187

ich versteh das problem nicht...
erst mal wieso legste ne seite auf mehr als 1024 breite aus?

Ich hab die Vorlage so von unserer Designerin bekommen.

Zitat von Ingo187

du willst also dass dein content_wrapper kleiner als 1280px px breit werden kann aber ohne dass der scrollbar unten aufgeht?

Genau!

**Ingo187** · 15.04.2009, 15:06

ich würde sagen geht nicht...
also nciht mit ner festen breite.
evtl über prozentangaben....
ich würde probieren dein problem über das body hintergrundbild zu lösen.

verstehe auch immer noch nicht warum du ne 1280px breite willst...
ich denke mal willst das bild auch wenn mans weiter aufzieht ne?

ich würde es über den hintergund machen.
also übern body.

**Ingo187** · 15.04.2009, 15:29

margin-right: 0pt;
margin-left: 0pt;
top: ...px;
width: 100%;
background-image: url(....jpg);
background-repeat : no-repeat;
background-position : center;

so kann deer container größer und kleiner werden...ohne balken

**etux** · 16.04.2009, 07:39

Hallo Günni,
bin mir nicht sicher, ob ich Dich richtig verstehe. Wenn Du magst – teste mal bitte folgendes:

div#wrapper → width: 990px; (margin bleibt so)
div#header → width kommt weg; background-position: 50% 0% (statt 0% 0%)
div#content_wrapper → width kommt weg
div#inner_content_wrapper → margin-left kommt weg

Sieht das dann so aus, wie Du es möchtest?