Css выравнивание / проблема полосы прокрутки - PullRequest
Новая
       8

Css выравнивание / проблема полосы прокрутки

0 голосов
/ 08 января 2011

да еще одна проблема с этой полосой прокрутки

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

и у меня снова возникают проблемы с этой полосой прокрутки

хорошо, так что все, что у меня есть, это одно изображение в теге div 

<div align="center" id="SuggestionBox">
<a href="?PageN=2"><img src="images/SuggestionBox.jpg"/></a>
</div>

этот код отображается правильно, но

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

надеюсь, это имеет смысл Я использую Firefox

EDIT:

Я пробовал переполнение: прокрутка, и она не работала

это был результат

и это произошло в середине страницы

Я также попробовал 'overflow: scroll' в теле страницы с помощью css, и все, что он сделал, это показал отключенные полосы прокрутки, которые не изменились, независимо от размера браузера

также некоторые люди немного смущены так эта картина может помочь

обратите внимание, что изображение отображается не полностью

ну, я хочу, чтобы были полосы прокрутки на тот случай, если пользователь захочет увидеть все изображение

но они не появляются

также вот весь мой код CSS: 

body
{
background-image:url("images/background.jpg");
}
a:hover
{
color:#FF0000;
}
table
{
background-color:#FFFFFF;
}
#SuggestionBox
{
position:relative;
right:375px;
}

спасибо

Хорошо Удача
получить?

Ответы [ 2 ]

1 голос
/ 08 января 2011

Возможно, я не понимаю ваш вопрос, но похоже, что ваша проблема в том, что вы отключили прокрутку в body, но хотели бы, чтобы прокрутить div.Ответ @ lukiffer правильный.Однако при изменении размера браузера прокрутка div, которая имеет фиксированный размер, не переполняется, поскольку ее содержимое по-прежнему соответствует.

Вы хотите, чтобы ваш div "SuggestionBox" привязывался к странице, чтобычто он изменяет размер вместе со страницей?Это позволило бы ему изменять размеры, как это делает браузер, и, таким образом, добавлять полосы прокрутки, когда его содержимое не помещается: 

#SuggestionBox
{
    position: absolute;

    /* Change these to establish where to place the div.  All zeroes 
       means it fills its whole container */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: scroll;
}

Обновление :

Не знаюне получить то, что #SuggestionBox должно быть .Если вы просто хотите ссылку по центру изображения, вы можете избавиться от div и просто использовать это в качестве разметки: 

<a id="SuggestionBox"></a>

И для этого <a/>, вы можете иметь следующий CSS: 

#SuggestionBox {
    display: block;
    width: 100px; /* Or whatever the width is */
    height: 100px; /* Or whatever the height is */
    background-image: url(images/SuggestionBox.jpg);
    margin: 0 auto;
}

Если ваша причина для div была в том, чтобы дать вашей ссылке правильное поле 375px, ваш CSS мог бы иметь вместо этого поле 0 375px 0 auto.

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

0 голосов
/ 08 января 2011 
div#SuggestionBox { overflow:scroll; }
...