div über gesamte Höhe scrollbar?
tachikoma
- css
Hallo Selfhtml'er!
Ich hab ein Problem, das mir seit einiger Zeit meine Nerven raubt:
In einem Layout möchte ich gern einen Schatten links und rechts
neben einem Div laufen lassen. Das soll aber kein Schatten sein
der über ein "background repeat" aufgebaut ist, weil der Schatten
eine besondere Form haben soll.
Das Ganze sieht auch gut aus und funktioniert soweit.
Bis man z.B. einen Container mit Text befüllt und das Fenster
so weit verkleinert, das der Scrollbalken links erscheint.
Wenn man dann scrollt wird der Schatten abgeschnitten.
So: HIER DIE SCHWACHE UMSETZUNG
Ich hatte alternativ auch die Schatten aus dem Bild laufen
lassen, dann wurde jedoch dauerhaft der Scrollbalken angezeigt.
ich glaube die Lösung ist ganz leicht... ich hab nur grad echt
gar keinen Plan wie!! HILFEE!
Danke euch schon mal und hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
<link href="css/test.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="master">
<div id="shadowbox">
<div id="shadowright"></div>
<div id="shadowleft"></div>
</div>
<div id="main">
<div id="menue"><h1>PHILOSOPHIE . LEISTUNGEN . ZIELGRUPPEN . KONTAKT</h1></div>
<div id="textbox">
<p>
In Deutschland gibt es rund 120.000 Vermögensmillionäre. Sie gelten als die Reichen im Lande. Damit sind ihnen zwei Dinge ganz sicher: Neid und immer neue Begehrlichkeiten des Fiskus. Wer da glaubt, von einer Million als Bonvivant gut leben zu können, der kennt das deutsche Steuerrecht schlecht. Stellen wir uns den steuerehrlichen Herrn Michel vor, der eine Million erarbeitet oder geerbt hat. Vielleicht ist er ein Winzer, der sich zur Ruhe gesetzt und die Weinberge verkauft hat, vielleicht ist er auch ein in die Jahre gekommener Handwerker oder Zahnarzt. Jedenfalls will Herr Michel, da er keine weiteren Einkünfte hat, von dieser Million leben. Er beschliesst also: keine Segeljacht in Marbella und keine Villa im Tessin. Vielmehr legt er seine Million in festverzinslichen Wertpapieren an. Dazu wählt er zum Beispiel Bundesobligationen. Der Staat bietet ihm für diese fünfjährigen Papiere zur Zeit 6,09 Prozent. Herr Michel bekommt also 60.900 DM brutto im Jahr. Nun macht Herr Michel seine Steuererklärung, verrechnet den Zinsabschlag mit seiner Einkommensteuerbelastung, macht Freibeträge geltend, nutzt abzugsfähige Sonderausgaben und den Altersentlastungsbeitrag. Mit einigem Geschick reduziert er sein zu versteuerndes Einkommen so auf nur mehr 45.000 DM. Darauf hat er dann knapp 10.500 DM Steuern zu zahlen. Es bleiben ihm von seinem Zinsertrag also 50.400 DM übrig. Doch damit nicht genug. Nun wird dem treuen Michel - er hat schliesslich ein Vermögen - noch Vermögensteuer abverlangt. Wieder nutzt er alle Freibeträge, reduziert sein steuerpflichtiges Vermögen auf 920.000 DM, und doch greift der Fiskus kräftig zu. Wenn es nach den neuesten Plänen der Regierung geht, muss Michel ein Prozent des Gesamtbetrages zahlen. Für ihn bedeutet das, noch einmal 9.200 DM an den Staat zu überweisen. Seine Bilanz: Für die Million Anlagekapital in Bundesobligationen behält er am Ende 41.200 DM Zinsertrag übrig - genausoviel wie die Inflationsrate, die derzeit Michels D-Mark entwertet. Das Fazit: Der steuerliche Millionär muss unter den gegenwärtigen Umständen froh sein, wenn er keinen realen Vermögensverlust erleidet.
</p>
</div>
</div>
</div>
<div id="impressum"><h3>impressum</h3></div>
</body>
</html>
#shadowbox {
position: absolute;
height: 100%;
width: 550px;
left: 50%;
margin-left: -275px;
}
#shadowright {
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
width: 25px;
background-image: url(../Bilder/ET_shadows_right.jpg);
background-repeat: no-repeat;
background-position: top;
overflow: hidden;
}
#shadowleft {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
width: 25px;
background-image: url(../Bilder/ET_shadows_left.jpg);
background-repeat: no-repeat;
background-position: top;
overflow: hidden;
}
Deine shadowbox ist ein Sibling von deinem Content.
Dadurch gibt es keine Möglichkeit, dass die zwei bezüglich Dimensionierung aufeinandere einen Einflüss ausüben.
Diese Möglichkeit ist durch position:absolute nochmals negiert.
Wenn dir ältere Browser egal sind könntest du mit den pseudoelementen :before und :after den Schatten an eine Content-Box hängen.
mfg Beat
Hi Beat und Danke schonmal!
Naja... ältere Browser sind mir egal.
Aber nicht der IE 7.
Hast Du oder Jemand noch einen anderen Vorschlag?
Ich dreh langsam am Rad.
Anfangs dachte ich, das müsse total einfach sein.