CSS-контент div нажимается ниже меню div

Question

Я даже не знаю, как это описать, я все еще учусь и очень много нового.

У меня есть контейнер для контейнера.

Внутри это div для меню и div для контента, оба плавают слева, бок о бок.

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

Вот пример, это сводит меня с ума: http://www.motate.org/riders/scottdeleeuw/trip/acknowledgements.php

Спасибо за помощь.

Answer 1

min-width property. Это решит вашу проблему.

как если бы вы опустили его, чтобы сказать 800px, и начинается обертка, сделайте основной родительский div равным min-width.

EDIT

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

.content { 
    font: 13px Verdana; 
    margin-left: 200px; 
    padding: 31px 0 31px 31px; 
} 

Надеюсь, это поможет.