Ebene plazieren

21/08/2007 - 15:08 von Karsten Sosna | Report spam
Hallo NG,
ich plaziere eine Grafik auf einer Seite und auf diese wiederum Ebenen mit
Ainmated-GIFs. Die Positonen sind ja nunmal absolut. Kann ich es nun
irgendwie hinbekommen, das sich das Hintergrundbild nun auf der Seite
zentriert plaziert und die Ebenen der darüberliegenden GIF's "mit nimmt"?

Danke für jeden Tipp.
Gruß Scotty
 

Lesen sie die antworten

#1 Christoph Schneegans
22/08/2007 - 00:56 | Warnen spam
Karsten Sosna schrieb:

ich plaziere eine Grafik auf einer Seite und auf diese wiederum Ebenen mit
Ainmated-GIFs. Die Positonen sind ja nunmal absolut. Kann ich es nun
irgendwie hinbekommen, das sich das Hintergrundbild nun auf der Seite
zentriert plaziert und die Ebenen der darüberliegenden GIF's "mit nimmt"?



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xht...">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
html, body, table {
height: 99%;
margin: 0;
padding: 0;
border: 0;
}
table {
width: 100%;
}
td {
vertical-align: middle;
}
div {
background:
url('http://upload.wikimedia.org/wikiped...00x472.jpg');
width: 600px;
height: 472px;
position: relative;
margin: auto;
}
img {
position: absolute;
top: 10px;
right: 10px;
}
</style>
</head>

<body>

<table>
<tr>
<td>
<div>
<img alt="" src="http://upload.wikimedia.org/wikiped....jpg" />
</div>
</td>
</tr>
</table>

</body>

</html>

Funktioniert in IE, Opera und Firefox.

<http://schneegans.de/sv/> · Schema-Validator für XML

Ähnliche fragen