HTML/CSS, Background, zentriert, und

Computer: Software & Programmierung HTML & CSS
#1

Hiho, liebe Community …

Ich habe ein paar kleine HTML/CSS – Anliegen …

  1. … Ich mag für meine Webseite ein Hintergrundbild verwenden, das ich bewusst weit über die Grenzen normaler Auflösungen gestaltet habe, um möglichst viele unterschiedliche Konfigurationen auf den Zielrechnern abzudecken. Wie schaffe ich es, das – egal bei welcher Auflösung und bei welchem Bildschirmseitenverhältnissen, das Bild immer mittig positioniert wird (dementsprechend auch links, rechts und unten über den sichtbaren Bereich drüber hinausragt)?

  2. … Wie schalte ich die Scrollbalken für den Fall aus 1. aus, also das auch bei kleineren Auflösungen und z.B. 4:3 Seitenverhältnissen des Monitors wirklich der mittige obere Bereich zu sehen ist, ohne die nervigen Scrollbars

  3. Wie sieht im Fall 1 und 2 der Quelltext der zentralen CSS-Datei aus, wenn ich für ALLE Seiten/Unterseiten das gleiche Hintergrundbild mit den gleichen Einstellungen wie in 1. und 2. verwenden will

  4. Wie positioniere ich und - Elemente nicht mittig, aber relativ zur Seitenmitte (ergo left: -10px -> Element ist 10px nach links von der Seitenmitte positioniert) … Wichtig z.B. für meine Navi die, entsprechend der Problematik 1 und 2, IMMER passend zum HG stehen soll

Danke schon mal im Voraus …

#2

Hi!
Zu 1:
Background-position: center center;
Tipp:
Benutze jQueryplugins, die den background immer passend positionieren (such ma nach jquery fit background)
Zu 2:
Da ich keinen code habe hier etwas allgemeines:
Man kann per CSS den overflow auf hidden setzen. Dann gibt es keine scrollbars mehr.
Wenn du einfach nur das Problem hast, dass du ein div mit height 100% im body hast und man scrollen kann/muss, dann schreibe ins CSS:
HTML, body {
Padding:0;
Martin:0;
}
Wenn das nicht gemeint ist hilft eventuell JavaScript weiter.
Zu 3:
Mach n stylesheet in dem so was wie:
HTML,body {
Background-image: *Bild*;
Background-position: …
…
}
Fertisch :wink:
Wenn du genaue Details haben möchtest kannst du mir gern ne Nachricht schicken. Dann könnte ich besser auf n paar Dinge eingehen.

Ciao,

Denkenreden

#3

Hallo,

hier erst mal ein Vorschlag:

Hallo

Zum relativ zur Mitte:

left:50%; top:50%; positioniert die linke obere Ecke in die Mitte. Da das Element 600x400 ist den Rand nun die hälte ins Negative und so ist die Mitte des ELements in der Mitte. Dazu kann man nun relativ noch zusätzlich was addieren oder subtrrahieren, so das das Element sich verschiebt.

Grüße
Tom

#4

Hi!

zu 1.:
http://de.selfhtml.org/navigation/css.htm#hintergrund
background-position:top center;

zu 2.:
http://de.selfhtml.org/navigation/css.htm#positionie…
overflow=hidden;

zu 3.: genau gleich, es muss halt zentral festgelegt sein:
http://de.selfhtml.org/navigation/css.htm#zentrale_f…

zu 4.: Das ist nicht vorgesehen. Man kann vielleicht tricksen, über verschachtelte DIVS, transparente GIFs oder Tabellen.

Greets,
Markus