Hi,
ich hab ma ne (dumme?) Frage...., und zwar habe ich meine Seite als Tabelle angelegt, und diese Tabelle zentriert.
Dazu gibt es ein Hintergrundbild.
Jetzt hätte ich gerne ein LINKES und ein RECHTES .gif, anstelle des Hintergrundbildes.
Wie kann ich das ohne die Seite groß umstricken zu müssen einbauen?
Auch so, dass das .gif bei größeren Monitorengestreckt wird, wenn die Seite in die Mitte "hopst"?
EDIT: musste meine Fragen erweitern, posting #5 
Danke...,
Tommy
McPokers,
mit einer reinen Tabellenseite sieht es schlecht aus. Wenn Du das aber über Container löst (2 mit 50% Breite/100% Höhe und der Dritte Container zentriert (er nimmt Deine Tabelle auf)) dann brauchst Du Dein Tabellenlayout nicht zu verändern. Von der Streckung von Hintergrundbildern würde ich aber abraten. Sie werden dan grob pixelig und das sieht dann "schrottig" aus.
Danke schön 
Wie müsste denn der Code für die 3 Container aussehen?
Die beiden .gifs (links/rechts) sind je 300px lang, werden also im normalen Monitor eher gestaucht.
Das wären dann 600px und 800px für die beiden .gifs und die Seite (im extremfall)
Die Seite ist eine PHP-Seite, in die die jeweils benötigten Teile includiert sind. Funzt das dann auch? Sollte, denn die Container werden im Head angelegt..., oder?
Hier mal eine Testseite:
McPokers,
ja, wenn Du bis morgen warten kannst mache ich es Dir. Ich muß jetzt los.
McPokers,
sorry, mußte Not OP am Rechner ausführen >>Netzteil totalausfall<< morgen weiter, da ich heute mit Datenrettung genug zu tun hatte.
McPokers,
irgendwie bin ich noch auf dem Holzweg:
#der Hintergrund geteilt und auf 100% Höhe
#der Vordergrund zentriert und evtl. auf 100% Höhe
Wenn der geteilte Hintergrund nicht wäre kein Problem. Aber genau dieser bereitet mir Kopfschmerzen, irgendwo ist da scheinbar noch mehr als ein Denkfehler. Vielleicht fällt jemand anders etwas dazu ein.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>..::test::..</title>
<style type="text/css">
<!--
html {height:100%;}
body {height:100%;margin:0%;padding:0%;}
#hintergrund {height:100%; width:100%;z-index:-100; margin:0;}
#links{ background-color:#666; width:50%; height:100%; float:left;}
#rechts{ background-color:#333;width:50%; height:100%; float:right;}
#content{ position:absolute; width:80%;margin:-100% 10%;padding:-100% 10%;height:100%; background-color:#fff; border-left:1px solid #eee;border-right:1px solid #eee;}
-->
</style>
</head>
<body>
<div id="hintergrund">
<div id="links"></div>
<div id="rechts"></div>
</div>
<div id="content">
Deine Tabelle</div>
</body>
</html>McPokers,
das ist mir auch klar, das der obige code nicht zufriedenstellend ist. Du hattest aber von einem Hintergrund mit zwei Bildern gesprochen die sich dynamisch anpassen sollen und nicht von Hintergründen die sich nur vertikal wiederholen. Laß doch erst einmal Deine Hintergrundbilder sehen bevor wir weitermachen. Diese müssten sich ja auch horizontal kacheln lassen. Ich hatte jetzt zwar ein Layout für 2verschiedene Hintergründe, welches im Firefox läuft, der IE zickt ja wie immer. Aber dann spare ich mir das erst mal.
Einfacher 3Spaltenlayout geht schneller:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
html { height:100%;padding:0px;margin:0px;}
body {height:100%;background-color: #e1ddd9;padding:0px;margin:0px;}
#content {height:100%; width:800px; margin: 0 auto;border-left: 1px solid #564b47;border-right: 1px solid #564b47;padding: 0px; background-color: #ffffff;}
#linkespalte {height:100%;position: absolute;left: 0px;margin: 0px;padding: 0px;}
#rechtespalte {height:100%;position: absolute;right: 0px;margin: 0px;padding: 0px;}
-->
</style>
</head>
<body>
<div id="linkespalte"></div>
<div id="rechtespalte"></div>
<div id="content">Deine Tabelle</div>
</body>
</html>hier sind die Bilder:
links:
[Blockierte Grafik: http://www.mcpokers.com/images/links.gif]
rechts:
[Blockierte Grafik: http://www.mcpokers.com/images/rechts.gif]
Ich kann die bilder auch auf 1px Höhe zurechtmachen.
Mitte wird dann ein kleines extra .gif sein, dass horizontal und vertikal gekachtel wird.
McPokers,
so, den Code habe ich noch etwas reduziert und eine Hintergrundgrafik für die komplette Seite erzeugt (2000px breit 800px für den content .psd Datei liegt bei). Sollte jemand eine größere Auflösung nutzen (unwarscheinlich) ist die Hintergrundfarbe auf #000 als sw gesetzt.
McPokers,
so - gar nicht. Jetzt sorgt nur die Überbreite des Hintergrundbildes dafür, das der Rand immer mit einer Grafik abgedeckt bleibt. Eine Stauchung wäre zwar möglich, sieht aber sch...rottig aus. Gib Deinem bild mal kleinere Breitenangaben oder in einer Tabelle/DIV % Angaben, das macht doch keinen Sinn.