bild vertikal zentrieren in einen div layer

level3 · 06. Nov. 2007

hallo die runde...

meine frage:
wie kann ich ein bild in einen div layer mit fixer breiter und höhe vertikal mittig zentrieren

wenn ich das bild in einer table hätte würde ich mit
valign="middle" und align="center" arbeiten

das muss doch in css2 ja auch relativ einfach gehen oder?

danke im voraus

bine · 06. Nov. 2007

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>img im container vertikal zentrieren</title>
    <style type="text/css">
    /*<![CDATA[*/
    * {
        margin: 0; padding: 0;
    }
    body {
        background: #f3f3f3;
        height: 100%;
    }
    div {
        position: absolute;
        left: 30%;
        top: 200px;
        width: 300px;
        height: 300px;
        border: 1px solid black;
    }
    .imagecontainer {
         min-height: 150px;
    }

    img	{
    	position: absolute;
         top: 0;
         bottom:0;
         margin:auto;
    }
    /*]]>*/
    </style>
</head>

<body>
    <div class="imagecontainer">
        <img src="bild1.jpg" width="100" height="130" alt="bild" title="bild" border="0">
    </div>
</body>
</html>

bild vertikal zentrieren in einen div layer

level3

New member

bine

Lounge-Member