mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 12.07.2020 12:54 Benutzername: Passwort: Auto-Login

Thema: großen Hintergrund zentrieren. CSS? vom 27.10.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> großen Hintergrund zentrieren. CSS?
Seite: 1, 2  Weiter
Autor Nachricht
kkc2008
Threadersteller

Dabei seit: 22.10.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 27.10.2008 11:40
Titel

großen Hintergrund zentrieren. CSS?

Antworten mit Zitat Zum Seitenanfang

Hallo,

vielleicht kann mir Jemand helfen. Ich möchte einen Hintergrund von 2000px Breite vertikal zentrieren, so dass die Grafik bei kleineren Bildschirmauflösungen z.B. 1400px rechts und links zu gleichen Teilen verschwindet (also he 300px). Sie soll also je nach Auflösung immer Mittig (top) plaziert sein. Geht das mit CSS. Soll auf jeden Fall auf IW und FF laufen. Danke!


Zuletzt bearbeitet von kkc2008 am Mo 27.10.2008 11:41, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
l3mon

Dabei seit: 26.07.2005
Ort: -5m
Alter: 55
Geschlecht: Männlich
Verfasst Mo 27.10.2008 11:42
Titel

Antworten mit Zitat Zum Seitenanfang

was genau willst denn erreichen?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 37
Geschlecht: Männlich
Verfasst Mo 27.10.2008 11:44
Titel

Antworten mit Zitat Zum Seitenanfang

Code:

* {
  margin:0;
  padding:0;
}

div#wrapper {
  margin: auto;
  width:2000px;
  background:transparent url() top center no-repeat;
}


wobei bei vielen unschöne Scrollbalken entstehen.denn ich kenne nicht viele die solche Auflösungen fahren haben.

dann evtl

Code:

body {
  overflow:hidden;
}


Zuletzt bearbeitet von Kash am Mo 27.10.2008 11:46, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
kkc2008
Threadersteller

Dabei seit: 22.10.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 27.10.2008 11:47
Titel

Antworten mit Zitat Zum Seitenanfang

Die Mittelachse des Hintergrundbildes (also 2000 / 2 = 1000px) soll immer in der Mitte des Browserfensters sein. Bei einer Bildschirmauflösung von 800x600 also bei 400px und rechts und links schiebt sich der Anschnitt zu gleichen Teilen raus. In diesem Fall zu je 600px.

Der Hintergrund ist auf einen zentrierten Inhalt abgestimmt und soll daher immer auf diesen Abgestimmt sein. Er ist leider komplett unterschiedlich und lässt sich daher nicht mit einer Wiederholung kacheln.
  View user's profile Private Nachricht senden
l3mon

Dabei seit: 26.07.2005
Ort: -5m
Alter: 55
Geschlecht: Männlich
Verfasst Mo 27.10.2008 11:53
Titel

Antworten mit Zitat Zum Seitenanfang

wie kash schon sagte
Code:
div#wrapper {
  margin: auto;
  width:2000px;
  background:url() top center no-repeat;
  overflow: hidden;
}

solche auflösung fahr ich ja grad mal auf 24', also obs sinnvoll ist....

//edit: sorry wegen dem transparent


Zuletzt bearbeitet von l3mon am Mo 27.10.2008 11:59, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 39
Geschlecht: Männlich
Verfasst Mo 27.10.2008 11:53
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
body {
 background: transparent url(deinbild.jpg) no-repeat center center;
}


... oder versteh ich da grade was falsch?
  View user's profile Private Nachricht senden
kkc2008
Threadersteller

Dabei seit: 22.10.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 27.10.2008 11:54
Titel

Antworten mit Zitat Zum Seitenanfang

scrollbalken dürfen natürlich keine dadurch entstehen. Vielleicht sollte ich für jede Auflösung eine neue Grafik erstellen, und eine Erkennung zu Beginn laufen lassen. So was hbe ich irgendwo schon gesehen. Lieber wäre mir aber eine Lösung für alle.
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 37
Geschlecht: Männlich
Verfasst Mo 27.10.2008 12:00
Titel

Antworten mit Zitat Zum Seitenanfang

wir haben es dir jetzt mehrfach hingeschrieben.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Hintergrund zentrieren in opera?
[CSS] Div zentrieren
CSS Zentrieren geht nicht.
CSS Layout zentrieren
css div zentrieren
[CSS] Seite horizontal zentrieren
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.