[CSS] innerhalb von margins farge, außerhalb bild

Webdesign & Technik HTML & CSS
1

Hi, ich versuche mich im Moment an CSS.

body { background: #0099CC url("Bilder/Schiffe-Bild-Color.jpg") no-repeat scroll top center; margin: 80px 300px 20px 300px; border: 1px solid grey; }

wie kann ich nun machen, dass innerhalb der margins eine Farbe über dem bild ist?

Danke, mfg

2

Könnte in dem Falle für body schwierig werden.

Wenn du XHTML verwendest, könnte eine Farbangabe für
das Element html was bringen, allerdings ist das dann nicht
unbedingt nur da, wo das body einen margin hat.

Mehr Möglichkeiten hast du für Elemente innerhalb von
body. Wenn du da etwa zwei div-Elemente ineinander
verschachtelst, dem äußeren eine Hintergrundfarbe gibst und
dem anderen die Angaben, die du hier für body angegeben hast,
könnte das zum gewünschten Effekt führen, soweit ich dich
verstanden habe. Das ist dann allerdings nicht über dem Bild,
sondern bestenfalls daneben. Ein Hintergrundbild ragt ja nicht
aus dem Element heraus.

3

Vielen Dank, dann lass ich das vorest, wäre ja eh nur luxus :wink:

4

wie hoffmann schon ausführte, mit body solo funktioniert das nicht.
Vielleicht bringt dich dies hier auf Ideen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tage bis</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
body {
  background: #0099CC url("tg2008p03.jpg") no-repeat scroll top center;
  margin: 80px 300px 20px 300px;
  border: 2px solid grey;
}
.d1 {
  background: #FFFF00;
  width: auto;
  height: 400px;
  }
-->
</style>
<body>
<div class="d1">
Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt Inhalt<br>
</div>
</body>
</html>

Pit

5

Danke, damit gehts genau so wie ich wollte… nur siehts anders doch besser aus :wink:

Danke.

6

Ohne Repeat dürfte es wohl mit background-position gehen.
Ansonsten einfach einen div innehalb von Body mit dem Background verwenden :wink: