YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Hintergrund zentrieren » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.846 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Hintergrund zentrieren
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Kraftrad Kraftrad ist männlich
Mitglied


Dabei seit: 17.01.04
Beiträge: 11
Herkunft: 70734 Fellbach
Forenversion: 2.3

 Hintergrund zentrieren Antworten Zitieren Editieren Melden       UP

Hallo zusammen,

wie kann ich ein Hintergrundbild in einer Tabelle mit über 1.000px breite im HTML zentrieren, sodass es bei zB. einer 800px breite später links und rechts abgeschnitten wird? Also so, dass die Mitte meines Hintergrundbildes immer in der Mitte der Tabelle ist?

Danke, Gruß

EDIT:
Hier noch ein Link zum Testforum mit dem Tophintergrund
http://www.rcv1000.de/forum/index.php
Und hier sollte bei 1000px breite nichts graues rechts und links zu sehen sein, dagegen bei zB.1600px sollte alles mittig bleiben.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Kraftrad: 16.01.07 01:39.

16.01.07 00:06 Kraftrad ist offline E-Mail WWW Finden Als Freund hinzufügen
xundy xundy ist männlich
Mitglied


Dabei seit: 16.01.04
Beiträge: 817
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Das ist "nicht" möglich, Da ein Bild nicht ohne weiteres abgeschnitten werden kann, dies wäre wohl nur mit Ajax möglich damit man per JS die Fenstergröße ermittelt und per imagecreate(php) dann den Banner neu berechnet werden um diesen dann dynamisch nachzuladen.

Wobei der Sinn eh fraglich ist, denn wer eine so kleine Bildschirmauflösung hat wird eh gezwungen sein mehr zu scrollen und der Header würde nach ein wenig scrollen schon verschwunden sein, und damit der ganze Aufwand fast umsonst, zumal ja cuh der übrige Inhalt immer entsprechend anpassbar sein muß

mfg

__________________
Fragen kostet nichts, nicht fragen kann teuer werden!
17.01.07 06:40 xundy ist offline E-Mail WWW Finden Als Freund hinzufügen Füge xundy in deine Kontaktliste ein
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg

Antworten Zitieren Editieren Melden       UP

Warum sollte das nicht gehen!?

Es müssen halt ein paar Bedingungen erfüllt sein. Dein Hintergrundbild darf in der Horizontale nicht aneinander gesetzt werden, so wie es jetzt bei dir der Fall ist. Woher soll sonst die Mitte ermittelt werden. Also, von der breitesten Auflösung ausgehen.

Da man overflow:hidden; verwenden muss, kann man das HG-Bild nicht in den Body setzen, da der sonst nicht mehr gescrollt wird. Also den gesamten Seiteninhalt in einen Container. Dort das Hintergrundbild zentriert einsetzen und senkrecht wiederholen. Und wie bei dir alls Wasserzeichen einbinden.

Hier ein Muster:

Dateianhang:
zip test.zip (7 KB, 4 mal heruntergeladen)
17.01.07 09:11 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
codingnoob
Don't hit 'em boon.


images/avatars/avatar-4466.gif

Dabei seit: 16.01.04
Beiträge: 2.756

Antworten Zitieren Editieren Melden       UP

Den Sinn der Overflow-Angabe sehe ich nicht. Außerdem soll es das Hintergrundbild einer Tabelle sein, da sind zusätzliche div-Container doch Unsinn.
Welche Bedingungen müssen da erfüllt werden? verwirrt

Gib einfach deiner Tabelle die Eigenschaft »background-position: center center« bzw, wenn es oben oder unten sein soll »bottom center« bzw. »top center«

__________________
… mfG, cn …
– Siehe auch: last.fm wBB-User-Group
Vorsicht! User bringt gefährliches Halbwissen in Umlauf!

Kein Support per PN! Dafür ist das Forum da. Auch keine Hinweise auf Threads per PN!

Meine Kritik an deinem Forum, Style, … ist hart? Oh. … das Positive siehst du als Erschaffer ja selbst.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von codingnoob: 17.01.07 12:23.

17.01.07 12:23 codingnoob ist offline E-Mail Finden Als Freund hinzufügen Füge codingnoob in deine Kontaktliste ein
Kraftrad Kraftrad ist männlich
Mitglied


Dabei seit: 17.01.04
Beiträge: 11
Herkunft: 70734 Fellbach
Forenversion: 2.3

Themenstarter Thema begonnen von Kraftrad
Antworten Zitieren Editieren Melden       UP

Hi,

danke schonmal, aber irgendwie bin ich zu blöde. Klappt ned. Ich verwende diesen Befehl:
Zitat:
<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0" background="{$style['imagefolder']}/feuer.jpg" background-position="center center" height="150">


und das Bild sieht so im Original aus:
[IMG]http://www.rcv1000.de/forum/images/feuer.jpg[/IMG]

Danke, Gruß
Rainer
18.01.07 02:00 Kraftrad ist offline E-Mail WWW Finden Als Freund hinzufügen
BreiteSeite BreiteSeite ist männlich
ETIESETIERB


images/avatars/avatar-4074.gif

Dabei seit: 02.10.04
Beiträge: 1.420
Fähigkeiten: WBB3 Anfänger; WBB2 Fortgeschritten
Herkunft: Sachsen
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Der Syntax ist falsch, korrekt müsste es so lauten:

code:
1:
<table border="0" width="100%" id="table2" cellspacing="0" cellpadding="0" style="background-image:url({$style['imagefolder']}/feuer.jpg); background-position:center center;" height="150">


__________________
Mit freundlichen Grüßen
BreiteSeite


» Mancher Mensch hat ein großes Feuer in seiner Seele, und niemand kommt, um sich daran zu wärmen. «
BreiteSeites sysProfile

18.01.07 14:07 BreiteSeite ist offline E-Mail WWW Finden Als Freund hinzufügen Füge BreiteSeite in deine Kontaktliste ein AIM-Name von BreiteSeite: dackelheinz53 YIM-Name von BreiteSeite: dackelheinz53 MSN Passport-Profil von BreiteSeite anzeigen
Kraftrad Kraftrad ist männlich
Mitglied


Dabei seit: 17.01.04
Beiträge: 11
Herkunft: 70734 Fellbach
Forenversion: 2.3

Themenstarter Thema begonnen von Kraftrad
Antworten Zitieren Editieren Melden       UP

Hallo BreiteSeite,

herzlichen danke! Funktionier super.

Gruß
Rainer
18.01.07 18:10 Kraftrad ist offline E-Mail WWW Finden Als Freund hinzufügen
BreiteSeite BreiteSeite ist männlich
ETIESETIERB


images/avatars/avatar-4074.gif

Dabei seit: 02.10.04
Beiträge: 1.420
Fähigkeiten: WBB3 Anfänger; WBB2 Fortgeschritten
Herkunft: Sachsen
Forenversion: 3.0

Antworten Zitieren Editieren Melden       UP

Kein Problem. Dank lieber codingnoob. smile

__________________
Mit freundlichen Grüßen
BreiteSeite


» Mancher Mensch hat ein großes Feuer in seiner Seele, und niemand kommt, um sich daran zu wärmen. «
BreiteSeites sysProfile

18.01.07 18:57 BreiteSeite ist offline E-Mail WWW Finden Als Freund hinzufügen Füge BreiteSeite in deine Kontaktliste ein AIM-Name von BreiteSeite: dackelheinz53 YIM-Name von BreiteSeite: dackelheinz53 MSN Passport-Profil von BreiteSeite anzeigen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Hintergrund zentrieren