Question: The images below illustrate what the actual problem is
![alt text](https://i.stack.imgur.com/rc9Th.png)

So as you can see this is a puzzle, and is being created by javascript. Each row is created like this.

```
document.write("<div style='float:none'>");
for(i=0; i < 4 ; i++) { 
        for(j=0; j < 4 ; j++) {
         imgArray[i] = "Images/" + x + ".jpg";
         document.write("<img id= " + x + " src='Images/" + x + ".jpg' width='120' height='120' style='position:relative;top:50px;left:50px' onclick='checkMove(parseInt(id))'/>");
         x = x + 1;
        }
        document.write("<br>");
}
document.write("</div>");

```

Even using `float` style keeps this problem. Is there a way to *lock* a window not to be resized smaller than `x`? Could you please point me in the right direction as in what im doing wrong, or not doing.

Answer: 
Have you tried to add a fixed width to your div?

```
<div style='float:none;width:480px;'>

```
Also consider min-width <http://www.w3schools.com/jsref/prop_style_minwidth.asp> and the CSS equivalent.