skalierbares Layout mit em; ohne tabellen

[mr_revo]

hi,

auf:
3RING.com :: Online Marketing Services, E-marketing Firm :: Toronto, Vancouver, Halifax - Canada
kann man sehen, dass beim zoomen der schrift die beiden rand-elemente (die mit dem schatten zur abgrenzung) sich mit nach außen bewegen, da sich der inhaltsbereich ausbreitet.
das ganze funktioniert nun mit tabellen und div's.
an und für sich jedoch nich per se schlecht.

ich möchte das ganze jedoch komplett ohner tabellen machen, da vorgabe ist, keine tabellen für das layout zu verwenden.
ich bin bisher bei:
http://temp.mzieger.net/entwurf/entwurf.htm
im hintergrund st noch die feste grafik zu sehen, wenn man zoomt sieht man, dass sich der balken links und rechts mit nach außen/innen bewegt.
beide sind per
Code:

<img src="entwurf_files/bg_left.gif" style="background-position: center; background-repeat: repeat-y; margin-right:23.62em; height:400px; width:11px;">
<img src="entwurf_files/bg_right.gif" style="background-position: center; background-repeat: repeat-y; margin-left:23.62em; height:400px; width:11px;">

eingebunden.
wie man sieht nur mit einer festen größen angabe.
ich suche jetzt aber nach einer lösung, um immer die volle inhaltshöhe mit dem bild ausgefüllt zu bekommen, ohne dabei feste (max. mindestmaß) pixel vorzugeben.

ist das möglich, hat irgendjemand eine idee?
irgendwie find ich nichts dazu, außer dass es mit css3 möglich werden sollte.
jedoch ist das zukunftsmusik und ich hab nur css2 zur verfügung zur umsetzung.

danke für tipps
grüße
revo

 

[Bieber]

meines Wissens nach, ist es momentan nicht möglich...
es gibt nur einen workaround dafür, das Hintergrundbild über die ganze Seite zu strecken... aber wirklich super ist das auch nicht

wenn du Bilder als Hintergrund verwenden willst, kommst du momentan um feste div-Größen nicht herum

PS lasse mich gerne eines besseren Belehren, dann könnte ich meine Seite auch mal umstellen:d

 

[sumatra70]

Anfürsich sollte alles, was man prozentual (%) angiebt, sich auch der Monitorauflösung anpassen.

 

[dkdenz]

Anfürsich sollte alles, was man prozentual (%) angiebt, sich auch der Monitorauflösung anpassen.

Naja, aber Grafiken haben nun mal feste Maße...

 

[anna55]

Vielleicht hab ich's nicht richtig verstanden, aber ich hab' mal das Beispiel von dieser Seite genommen und Deine left/right-bg-Grafiken so eingebaut:

body {
	background-color:#FFFFFF;
	background-image:url(entwurf/entwurf_files/bg_left.gif);
	background-repeat:repeat-y;
	background-position:10% top;
	margin:0;
	padding:0;
	height:100%; /* needed to display bkgnd2 at full height in IE */
}
#bkgnd2 {
	position: absolute; /*needed to expand to full height beyond content in FF */
	top: 0px;
	right: 10%;
	height:auto; /* FF needs this setting to expand div to fit long content */
	min-height:100%; /*sets minimum height in FF*/
	width:100%;
	background-color:transparent;
	background-image:url(entwurf/entwurf_files/bg_right.gif);
	background-repeat:repeat-y;
	background-position:right top;
	text-align:center; /*centers #main in old IE*/
	}
* html #bkgnd2 {
	height:100%; /*sets bkgnd2 to full height in IE w short content -- also need height:100% in body*/
}
#main {
	margin:0px auto; /*centers the div in all modern browsers*/
	width:50%;
	padding:1px; /*prevents margin collapse from allowing margins in this div from affecting margins around bkgnd2*/
	text-align:left;/*resets normal text align following centering in #bkgnd2*/
}