I have 3 div side by side, my problem is that they don't appear as I intended on a mobile phone. The page looks like it should be on a laptop/wide screen. 

Here is the page:

[http://dennissøderkvist.dk/?page\_id=35](http://denniss%C3%B8derkvist.dk/?page_id=35)

So you see there is the div with a contact formular, a div with the google map, and a div with address info. If you open it on a mobile phone, it looks horrible, the last div at the end jumps down. How can I solve this?

Here is my css:

```
    #conHolderDiv 
{   
    float: left;
    width: 35%;
}

#mapHolderDiv
{
    float: left;
    width:40%;
    padding-left: 15px;
}

#adrDiv
{
    float: right;
    width: 20%;
}

```

The `conHolderDiv` is the first div, that holds the contactform. The `mapHolderDiv` is the div that holds the map, and the `adrDiv` holds the address