nicht angemeldet
Hallo zusammen
Ich bräuchte mal wieder einen Tip. Ich habe eine Webseite mit einem zentrierten Bereich der max. 1000 px breit sein kann. In dem spielt sich alles ab, der Rest ist unbenutzt.
Bisher ist das der body mit max-width:1000px; margin:0px auto;
Nun soll ein Gradient als Hintergrund hinter das ganze gelegt werden. Der soll von links her mit weiß beginnen, dann im Anzeigebereich eine Art gelb sein und rechts ab dem Ende des Anzeigebereichs wieder nach weiß ausblenden.
Entschuldigt die Beschreibung, am besten bringe ich was für jsfiddle zum ausprobieren :-)
body { margin:0px auto; width:300px; border:1px solid black;
background:linear-gradient(90deg, white, yellow 100px, yellow 300px, white); }
<body>
<div class="content">Inhalt! Der Border markiert den Rand an dem der Farbwechsel stattfinden soll</div>
</body>
So jetzt das Problem: Ich hab keine Maße. Wie kann ich das so angeben dass der Farbwechsel da passiert wo der Border ist?