to baggrundsbilleder i bunden
Jeg forsøger at få 2 billeder til at ligge i bunden af min side - og det forvolder en del problemer.Først og fremmest sætter jeg height på både body og html til 100% - og dernæst sætter jeg et baggrundsbillede i body. Gør jeg det og ikke andet bliver mit billede sat helt i bunden af siden - altså præcis som forventet.
Nu vil jeg have baggrundsbillede nummer 2 på og det gør jeg i html - dette billede bliver, også præcist som forventet, placeret absolut i bunden af siden. Det "interessante" er nu, at baggrundsbilledet fra body ikke længere er placeret i bunden af siden men derimod i bunden af skærmen.
Et eks;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<style type="text/css">
html
{
background-image: url('bill2.gif');
background-repeat: repeat-x;
background-position: bottom center;
height: 100%;
}
body
{
background-image: url('bill1.jpg');
background-repeat: no-repeat;
background-position: bottom center;
margin: 0px;
height: 100%;
}
</style>
</head>
<body>
1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />
</body>
</html>
Hvad er lige grunden til at et baggrundsbillede på body får en anden betydning når der også er baggrundsbillede på html - og ikke mindst, hvordan løser jeg det?
