Нужно менять ширину divа в зависимости от того какая картинка загружена с сервера.
Вот примерно такой код:
<html>
<head>
<title></title>
<style>
div.i {
position: relative;
background-color: #FF9999;
}
img {
margin-left: 20px;
}
</style>
</head>
<body>
<div style=" height: 10px;">
<img id="hid" style="visibility: hidden;" src="3.jpg" />
</div>
<script>
var h = document.getElementById('hid').offsetWidth;
if (h<300)
{
h=300;
}
else
{
h=h;
}
var hs = 40 + h;
document.write("<div class='i' style='width: " +hs+ "px;'>")
</script>
<img src="3.jpg" />
</div>
</body>
</html>
Работает только со второй загрузки страницы раза никто не подскажет почему?