lord_buerzel
New member
Hi Leute!
Will Folgendes erreichen: Ein Layer soll horizontal zentriert erscheinen, darauf ein Bild, was am rechten Layerrand abschließt. Im Augenblick hab ich es soweit, das der layer zentriert ist (text-align:left im body-tag), aber das Bild den Browser als Parent-Element betrachtet und deshalb erst dort am linken Rand abschließt, und nicht schon am linken Layerrand. Das Bild scheint also den layer nicht als Parent zu akzeptieren. Wie mach ichs besser?
Hier der Quelltext.
<html>
<head>
<style type="text/css" media="screen">
</style>
</head>
<body bgcolor="#FFFFFF" style="margin:0px; padding:0px; text-align:center;">
<div id="layer" style="background-color:#FF4200; width:992px;height:526px;
border : 0px; margin:0px auto;text-align:left;">
<div style="position:absolute; top:250px; left:0px; border:0px;">
<img src="esel.gif" border="0";>
</div>
</div>
</body>
</html>
Will Folgendes erreichen: Ein Layer soll horizontal zentriert erscheinen, darauf ein Bild, was am rechten Layerrand abschließt. Im Augenblick hab ich es soweit, das der layer zentriert ist (text-align:left im body-tag), aber das Bild den Browser als Parent-Element betrachtet und deshalb erst dort am linken Rand abschließt, und nicht schon am linken Layerrand. Das Bild scheint also den layer nicht als Parent zu akzeptieren. Wie mach ichs besser?
Hier der Quelltext.
<html>
<head>
<style type="text/css" media="screen">
</style>
</head>
<body bgcolor="#FFFFFF" style="margin:0px; padding:0px; text-align:center;">
<div id="layer" style="background-color:#FF4200; width:992px;height:526px;
border : 0px; margin:0px auto;text-align:left;">
<div style="position:absolute; top:250px; left:0px; border:0px;">
<img src="esel.gif" border="0";>
</div>
</div>
</body>
</html>