Jump to content
  • 0

Как избежать вертикального скрола при размещении текста?

Нел

Asked by Нел,

 Share

Question

14 answers to this question

Recommended Posts

  • 0
psywalker Explorer

psywalker

Posted
Posted
Приветствую! При верстке появилась проблема-не знаю, как поместить много текта на странице, чтобы сайт "тянулся".

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
нет, просто сайт 1500 px и не тянется, а скролл на странице-плохо смотрится.

1. Почему сайт не тянется? Что его ограничивает?

2. Вырубишь скролл, тогда вообще сайт обрежется.

1500px — это что? ширина? высота?

и как он должен отображаться на экране с наиболее популярным разрешением 1024*768 без скролла?

Вот именно.

Link to comment
Share on other sites
  • 0
swetlana Explorer

swetlana

Posted
Posted (edited)

ну вообще, конечно, можно так:

html, body {
width: 1500px;
height: 1500px;
overflow: hidden;
}

а скроллы js-ом убить?

Но как бы то ни было, моей фантазии хватает только на неимоверную чушь.

Edited by swetlana
Link to comment
Share on other sites
  • 0
Serlutin Explorer

Serlutin

Posted
Posted (edited)

Надеюсь у вас в тексте пробелы? Есть классическая ошибка новичков, напишут одно слово из 1000 букв, а потом говорят, что текст не переносится.

В общем дайте посмотреть на страницу.

Сейчас на ум приходит только overflow: hidden

UPD:

Еслы вы хотите, чтобы сайт тянулся, то уберите значение высоты. Как же он будет тянутся, если у него чётко задана размер блока?

Edited by Serlutin
Link to comment
Share on other sites
  • 0
LeD4eG Explorer

LeD4eG

Posted
Posted
я конечно всё могу понять, но вот тут некий капитан подсказывает, что style="height:700px;" даст высоту 700px, а не 1500px :)

:) я аж прослезился!

Нел, ну так уберите свойство overflow в принципе и тогда высота блока будет подбираться автоматически, что всё содержимое блока влезло в него.

Link to comment
Share on other sites
  • 0
PanSoul Explorer

PanSoul

Posted
Posted
я конечно всё могу понять, но вот тут некий капитан подсказывает, что style="height:700px;" даст высоту 700px, а не 1500px :(

Полность согласен, было бы странно, если бы скролл не появился бы... :)

Попробуйте просто убрать значение height или поставить в height:auto;

P.S. Но и, честно говоря, не совсем грамматно изложена суть проблемы, и каждый участник данной темы, возможно, пытается ответить на совсем другой вопрос, а не на тот, который Вы хотели изложить....

Link to comment
Share on other sites
  • 0
Clubberry Explorer

Clubberry

Posted
Posted

Я так понимаю, что нужно убрать вертикальный скролл на сайте, высота которого 1500px. Как уже сказала Светлана, это можно убрать посредством js. Сам видел сайт такой, длинной даже более 1500px, где путешествие по сайту происходит посредством стрелочек вверх, вниз + колесо мышки. Вот там как раз убрали скролл при помощи js.

Link to comment
Share on other sites
  • 0
Int Explorer

Int

Posted
Posted

Я недавно сделал колонку во всю высоту сайта, вытянув див на много пикселей вниз, сделав overflow:hidden для <html> и задав диву снизу нужный padding. Так там навигация производилась при помощи pgup-pgdown, а скроллера не было :( Ну потом-то количество текста убавили, всё влезло и без этих извращений. Да и оказалось, что див не должен доходить до низа экрана.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept