| 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? |
  |
|
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
|
|
| |
  |
 |
| |
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 46
Geschlecht: 
|
Verfasst Mo 27.10.2008 11:42
Titel
|
|
|
|
was genau willst denn erreichen?
|
|
| |
|
|
Kash
Moderator
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht:
|
Verfasst Mo 27.10.2008 11:44
Titel
|
|
|
| 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
|
|
| |
|
|
kkc2008
Threadersteller
Dabei seit: 22.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 27.10.2008 11:47
Titel
|
|
|
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.
|
|
| |
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 46
Geschlecht:
|
Verfasst Mo 27.10.2008 11:53
Titel
|
|
|
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
|
|
| |
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 30
Geschlecht:
|
Verfasst Mo 27.10.2008 11:53
Titel
|
|
|
| Code: | body {
background: transparent url(deinbild.jpg) no-repeat center center;
} |
... oder versteh ich da grade was falsch?
|
|
| |
|
|
kkc2008
Threadersteller
Dabei seit: 22.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 27.10.2008 11:54
Titel
|
|
|
|
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.
|
|
| |
|
|
Kash
Moderator
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht:
|
Verfasst Mo 27.10.2008 12:00
Titel
|
|
|
|
wir haben es dir jetzt mehrfach hingeschrieben.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Hintergrund zentrieren in opera?
[CSS] Div zentrieren
CSS Zentrieren geht nicht.
CSS Layout zentrieren
[CSS] Seite horizontal zentrieren
[css] divs nebeneinander zentrieren
|
|
Willkommen auf dem Portal für Mediengestalter
