nicht angemeldet
Liebe Grüße,
Felix Riesterer.
Vielen Dank. Der Tipp mit dem Inline-Block war genau richtig. Das fertige DIV-Tabellen-Konstrukt, dass das gewünschte Verhalten hat, sieht nun so aus und funktioniert auch mit dem IE:
Grüße,
Ben
<html>
<head>
<title> DIV Tabelle</title>
<style type="text/css">
div.draggable {
cursor:move;
padding:2px;
background-color: #BBCCDD;
}
.test {
display: inline-block;
border: 1px solid #000;
margin: 4 5px;
text-align: center;
}
</style>
<!--[if lt IE 8]><style>
.iewibl {
display: inline;
}
</style><![endif]-->
<!--[if lt IE 5.5000]><style>
.test {
height: 0;
}
</style><![endif]-->
</head>
<body>
<div style="display: table; width:700px; height:350px; overflow:hidden; border:1px; solid #FF0066;">
<div style="background-color: #0f0; vertical-align: middle; text-align: center;">
<div id="divele" class='test iewibl draggable'>Name Vorname<br /><img src="dummy.gif" /></div>
<div class='test iewibl draggable'>Name Vorname<br /><img src="dummy.gif" /></div>
<div class='test iewibl draggable'>Name Vorname<br /><img src="dummy.gif" /></div>
<div class='test iewibl draggable'>Name Vorname<br /><img src="dummy.gif" /></div>
<div class='test iewibl draggable'>Name Vorname<br /><img src="dummy.gif" /></div>
<div class='test iewibl draggable'>Name Vorname<br /><img src="dummy.gif" /></div>
<div class='test iewibl draggable'>Name Vorname<br /><img src="dummy.gif" /></div>
<div class='test iewibl draggable'>Name Vorname<br /><img src="dummy.gif" /></div>
<div class='test iewibl draggable'>Name Vorname<br /><img src="dummy.gif" /></div>
</div>
</div>
</body>
</html>