Joachim: 3 Bilder per CSS anordnen

Beitrag lesen

Hi,

Mit float bekomme ich sie wunderbar nebeneinander, aber die beiden kleinen eben nicht untereinander.

teste ma:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html><head>
<style type="text/css">
    #main {
        width:150px;
    }
    ul, li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    li {
        float: left;
    }
    #c1 {
        width: 100px;
        height: 100px;
        background: blue;
    }
    #c2 {
        width: 50px;
        height: 50px;
        background: red;
    }
    #c3 {
        width: 50px;
        height: 50px;
        background: green;
    }
</style>
</head><body>
    <div id="main">
        <ul>
            <li id="c1"></li>
            <li id="c2"></li>
            <li id="c3"></li>
        </ul><br style="clear:both" />
    </div>
</body>
</html>

Gruesse, Joachim

--
Am Ende wird alles gut.