[gelöst] feste Seitengröße

[Swirl]

wie kann ich in typolight eine feste seitengröße vergeben?!
das hintergrundbild hat eine größe von 800x600.
das, also die seite, soll fest und zentriert dargestellt werden.
sich nicht verschieben, wenn derjenige eine andere bildschirmauflösung hat.
ich selber habe eine auflösung von 1600 x 1200 und bei mir sieht es so aus als sei die seite zentriert. wenn ich aber auf 800 x 600 umstelle, schreiben sich z.b. die menüpunkte untereinander. ich hoffe ihr versteht was ich möchte. danke für die hilfe, die antworten.
gruß swirl

[lindesbs]

Bilder sagen mehr als 1000 Worte,
aber das kannst du alles via CSS regeln

[Swirl]

vor die seite soll ein flash movie geschaltet werden.
dies sieht z.B. in beiden auflösungen gut aus.
screenshots 800_600 und 1600_1200 anbei.

und das "problembild" .
also dass es sich falsch verschiebt...

[lindesbs]

Dann schau Dir mal die Funktion im Seitenlayout "Statisches Layout" an.

Und passe die CSS fuer deine container an.

[Swirl]

als feste breite habe ich nun 800 eingegeben.

im anhang ein bild wie es in der css ausschaut.
unter html ist das hintergrundbild eingefügt...

[lucina]

# wrapper {margin: 5px auto;} sollte helfen, nachdem Du den Quark mit den Margins bei den umgebenden Elementen rausgenommen hast. Was hat das im Element 'html' zu suchen? Ist doch klar, dass dann immer der zur Verfügung stehende Abstand vom Bildschrimrand genommen wird und es bei Dir nur zufällig zentriert ist.

Das Hintergrundbild sollte dann ebenfalls im #wrapper liegen.

http://www.w3schools.com/css/ oder so ...

MfG, Carolina.

[Swirl]

margin bei html rausgenommen und neue id wrapper angelegt.
und hintergrund bild background: #FFFFFF url('tl_files/ceiros/images/back_2.jpg') no-repeat; in wrapper eingefügt. hintergrundbild wird nicht mehr angezeigt .... hm

[planepix]

Hallo Swirl,

noch #fff dem wrapper oder container zugewiesen?

[Swirl]

wrapper schaut so aus

margin: 5px auto;
background: #fff url('tl_files/ceiros/images/back_2.jpg') no-repeat;

funktioniert! DANKESCHÖN!
manchmal kommt man nicht auf die einfachsten dinge ...

[planepix]

wrapper schaut so aus

margin: 5px auto;
background: #fff url('tl_files/ceiros/images/back_2.jpg') no-repeat;

Die Positionierung des Hintergrundbildes?
background: #fff url('tl_files/ceiros/images/back_2.jpg') no-repeat center top;

[lindesbs]

Wenn Du Firefox nutzt, installiere Dir den WindowResizer, dann kannst du es einfach selbst ausprobieren...

https://addons.mozilla.org/de/firefox/addon/1985

[MacKP]

Oder das Fenster mal per Hand kleiner machen. Das ist zwar nicht so genau, aber man kann dabei sehen ob es so funktioniert wie man möchte.

Viele Grüße

[Swirl]

DANKESCHÖN!