Kraftrad
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.
xundy
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
Schweinebacke
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:
codingnoob
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?
Gib einfach deiner Tabelle die Eigenschaft »background-position: center center« bzw, wenn es oben oder unten sein soll »bottom center« bzw. »top center«
Kraftrad
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
BreiteSeite
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"> |
|
Kraftrad
Hallo BreiteSeite,
herzlichen danke! Funktionier super.
Gruß
Rainer
BreiteSeite
Kein Problem. Dank lieber codingnoob.
