Страница не прокручивается в любом браузере - я использую устаревший CSS? - PullRequest
2 голосов
/ 03 июля 2011

Прошло около пяти лет с тех пор, как я действительно углубился в CSS-кодирование, поэтому я могу использовать устаревшие коды; Тем не менее, кажется, все работает нормально, кроме полосы прокрутки. Хотя я могу добавить полосы прокрутки к любому создаваемому элементу div, он не позволит странице прокручиваться. Я попытался добавить переполнение: авто; и переполнение: прокрутка; варианты моего тега тела, но ничего не работает. Я также включил кодирование, которое я использую, но я дважды и трижды проверил, что я не включил другой набор тегов прокрутки. Кто-нибудь может увидеть в чем проблема? Боюсь, мой CSS может быть устаревшим, но везде, где я смотрю, говорится, что нужно просто использовать теги переполнения. Спасибо!
Кроме того, элемент содержимого установлен длиннее страницы, поэтому я могу видеть, работает ли моя полоса прокрутки, но с добавлением переполнения: scroll; к моему телу тег делает полосу прокрутки, но не функцию.

КОДИРОВАНИЕ:

<style>
body{background: #000000; font-family: tahoma;}

#content{position: fixed; top: 155px; left: 347px; overflow: auto;}

.content{height: 800px; width: 506px; color: #FFFFFF; overflow: auto;}

#navigation{position: fixed; top: 155px; left: 153px;}

.navigation{height: 643px; width: 184px; background: #000000;}

a:link{display: block; background: #A70000; font-family: tahoma; font-size: 14pt; text-decoration: none; color: #FFFFFF; border-left: 3px #D50000 solid; width: 

180px; height: 25px; text-align: left; margin-bottom: 4px; text-indent: 6pt;}

a:hover{display: block; background: #A70000; font-family: tahoma; font-size: 14pt; text-decoration: underline; color: #FFFFFF; border-left: 3px #D50000 solid; 

width: 180px; height: 25px; text-align: left; margin-bottom: 4px; text-indent: 6pt;}
</style>

1 Ответ

5 голосов
/ 03 июля 2011

Проблема, кажется, с позиции: исправлено;

позиция: относительная позволяет прокручивать содержимое.

http://jsfiddle.net/fMhCQ/13/

...