необходимо исправить три перекрывающиеся divs

Question

У меня есть 3 divs, 2 по бокам фиксированные позиции (левая боковая панель и правая боковая панель) и средний (средний контент div) для контента, каждый раз при изменении размера окна они перекрываются друг с другом ,

ДЛЯ КОДА: http://jsfiddle.net/4RPFa/3698/

САЙТ: http://www.highclassgastro.ic.cz \

<div class="LeftFloat"> 
    <div class="VA"> 
**LEFT SIDEBAR** 
    </div> 
    </div> 
    <div id="wrapper"> 
    <div class="main"> 
**MIDDLE CONTENT DIV** 
    </div> 
    <div class="RightFloat"> 
    <div class="VA"> 
**RIGHT SIDEBAR** 
    </div> 
    </div> 
    <div id="language"> 
    <div class="VA"> 
    <img src="" alt="SK"/> | <img src="" alt="EN" /> 
    </div> 
    </div> 

Я Боролся я не могу двигаться дальше, 1. как сделать это, чтобы не перекрывать друг друга, пожалуйста?

Answer 1

Вот образец, как вы можете держать 3 див без перекрытия: http://jsfiddle.net/w3tK6/2/ и я добавил ДИВ в основной секции с минимальной шириной 300px, вы должны играть с min-width на боковых панели и основного-контенте, так что они будут имеют минимальную ширину, и они не будут перекрываться.

Пожалуйста, помните, что это непростая задача, и вам потребуется время, чтобы получить правильные значения для вашего конкретного случая.

Если вы хотите, чтобы ваш сайт выглядел хорошо на всех экранах, вы должны прочитать отзывчивый веб-дизайн и, возможно, попытаться включить отзывчивую CSS-инфраструктуру. там немного хороших там, но самыми популярными являются Foundation и Bootstrap.