Hallo,
ich komme an diesem Punkt irgend wie nicht weiter vieleicht hat ja jemand eine Idee ( Bitte nur CSS 
)
HTML
<html>
<head>
<style>
.table
{
display: table;
border-collapse:collapse;
}
.tr
{
display:table-row;
}
.td
{
display:table-cell;
}
.test
{
background-color:#f7f7f7;
top:0px;
left:0px;
width:180px;
height:35px;
-webkit-transition: all 3s ease;
}
.test:focus, .test:active
{
background-color:#454545;
height:200px;
width:800px;
border-radius:5px;
}
</style>
<head>
<body>
<center>
<div class="table" style="position:relative;width:80%;">
<div class="tr">
<div class="td test" style="position:absolute;top:0px;left:20px;" tabindex="0">
<div> Test Test Test</div>
<div> Test Test Test</div>
<div><input type="checkbox"></div>
<div><input type="text"></div>
</div>
</div>
</center>
</body>
</html>sobald ich auf
Code
<input type="text">klicke geht das Fenster wieder zu weil der Focus verlohren geht.
Alle anderen Funktionieren und der Focus bleibt erhalten.
Danke
Grüße
