hallo.
es geht um folgende seite: http://kljb.pytalhost.at
Das ist 1 Bild, auf dem zusätzlich ein weisser Content sprich <div> sitzt, für den Text.
Wenn der Text länger wird, setzt sich also das Weiss nach unten fort aber leider der schwarze Schatten nicht.
Ich hab eine Grafik für den Schatten (links und rechts). die Grafik ist 1px hoch also beliebig wiederholbar.
Wie muss ich diese einbinden, damit überall wo der weisse Content nach unten hinausragt, auch der Schatten am Rand ist? und sich beim Zoomen nicht verändert ****
Hab keinen plan ...
HTML:
und die CSS:
die Klassen für die beiden Schatten wären dann "schein_links" und "schein_rechts".
ich brings einfach nicht hin ... wo müssen die dann im HTML-Doc sitzen?
bitte helft mir, bin seit stunden am verzweifeln ...
es geht um folgende seite: http://kljb.pytalhost.at
Das ist 1 Bild, auf dem zusätzlich ein weisser Content sprich <div> sitzt, für den Text.
Wenn der Text länger wird, setzt sich also das Weiss nach unten fort aber leider der schwarze Schatten nicht.
Ich hab eine Grafik für den Schatten (links und rechts). die Grafik ist 1px hoch also beliebig wiederholbar.
Wie muss ich diese einbinden, damit überall wo der weisse Content nach unten hinausragt, auch der Schatten am Rand ist? und sich beim Zoomen nicht verändert ****
Hab keinen plan ...
HTML:
HTML:
</head>
<body>
<div id="wrapper">
<div id="haupt">
<img src="http://www.tutorials.de/images/head.png" width=100% height=100% alt="head" />
<div id="content">
<div id="main">
<p>
Lorem ipsum etc ....
</p>
</div>
</div>
</div>
</div>
</body>
</html>und die CSS:
Code:
* {margin: 0; padding: 0; max-width:100%;}
/* HTML ELEMENTS background-color:#E3D7BF*/
body
{
background-color:#E3D7BF;
font: 19px Verdana;
margin-top:0;
} /* Schrift im ganzen Body */
/* COMMON CLASSES */
.break { clear:both; }
#wrapper { width:100%; }
/* CONTENT */
#content
{
height:100%;
margin-top:-34%;
margin-left:auto;
margin-right:auto;
text-align:center;
width:60%;
background-color: #ffffff;
max-width:100%;
}
#content p
{
text-align:left;
margin:20px; /* Abstand vom Text zum Contentrand */
}
#main h3 { text-transform:uppercase; padding:20px 0 0 20px; color:#eee;}
#main p { padding-bottom:20px; color:#000; }
#schein_links
{
}
#schein_rechts
{
}
#haupt
{
width:80%;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}die Klassen für die beiden Schatten wären dann "schein_links" und "schein_rechts".
ich brings einfach nicht hin ... wo müssen die dann im HTML-Doc sitzen?
bitte helft mir, bin seit stunden am verzweifeln ...
