Billeder som baggrund

Stylesheet'et for denne demoside er på nogle punkter noget anderledes end de foregående eksempler, da visse mål afhænger af hinanden. For eksempel har jeg i de tidligere eksempler en margin på body-markøren for at skabe afstand eller luft mellem browservinduet og sidens indhold.

Det har jeg været nødt til at ændre på for denne sides vedkommende, således at denne luft skabes af marginen på div#page-elementet, der omslutter alt indhold på siden.

Herunder stylesheet'et for hele denne side:

html, body {
  padding:0;margin:0;}
body {
  background-color:rgb(239,239,239);
  font-family:arial,sans-serif;}
div#page {
  margin:20px;}
div#banner {
  border-bottom:1px solid gray;
  margin-right:230px;}
div#banner h1 {
  font-size:1.4em;color:#257;}
div#indhold {
  width: 65%;
  float: left;
  margin-right:2%;
  font-family:arial,sans-serif;
  border-right:1px solid #257;
  padding-bottom:1em;}
div#rightcol {
  width:230px;float:right;}
div#rightcol p {
  margin:0 0 1em 2em; color:white;}
#footer {
  border-top:1px solid gray;
  clear: left;margin-right:230px; }
p {
  padding:0;margin:0 0 .5em 0;}
p.last {
  margin-bottom:1em;}
code {
  font-size:1em;}
.top {
  margin-top:0;padding-top:20px;}

div#indhold h2 {
  font-size:1.2em;
  margin:10px 20px 20px 0;padding:0;}
div#indhold p {
  margin:0 20px 0 0;padding:0;color:gray;}
div#indhold {
  border-right:none;}
body {
  background-image:url(ladylibertybg.jpg);
  background-repeat:no-repeat;
  background-position:right top;
  background-attachment:scroll;}

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Quisque posuere lobortis turpis. Aenean eu lacus. Donec sed lacus eget dui rhoncus tempor. Pellentesque tellus tortor, mattis non, posuere ac, mattis sed, diam. Maecenas accumsan libero sit amet libero. Sed velit ligula, vulputate sit amet, commodo non, ultrices vel, velit. Donec vitae risus quis erat semper congue. Nunc ornare faucibus enim. Aenean pretium elit nec velit. Phasellus commodo, nibh at vulputate dapibus, nisl quam venenatis sem, quis ornare nunc nulla ut libero. Aenean ipsum. Fusce lacinia congue mauris.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Quisque posuere lobortis turpis. Aenean eu lacus. Donec sed lacus eget dui rhoncus tempor. Pellentesque tellus tortor, mattis non, posuere ac, mattis sed, diam. Maecenas accumsan libero sit amet libero. Sed velit ligula, vulputate sit amet, commodo non, ultrices vel, velit. Donec vitae risus quis erat semper congue. Nunc ornare faucibus enim. Aenean pretium elit nec velit. Phasellus commodo, nibh at vulputate dapibus, nisl quam venenatis sem, quis ornare nunc nulla ut libero. Aenean ipsum. Fusce lacinia congue mauris.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.