X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как убрать полосу прокрутки?
Гость_0_*
Гость_0_*
Topic Starter сообщение 19.8.2008, 19:00; Ответить: Гость_0_*
Сообщение #1


Как сделать так,чтобы не появлялся скрол?
<html>
<head>
<title>?????????</title>
<style type="text/css">
html, body {
   padding:0px;
   margin:0px;
   width:100%;
   height:100%;}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF">

<table class="tbl_nobrd" style="width:100%;height:10%;background:white;border-spacing:0;">

<tr style="padding:0px;margin:0px;height:30px">
<td style="background:white;width:100%;"><img src="images/1.gif" width=100% ></td>
</tr>
</table>
<table   class="tbl_nobrd" style="width:100%;height:10%;background:white;border-spacing:0;">
<tr style="padding:0px;margin:0px;height:30px;">
   <td style="background:white;"><img src="images/button_1.gif" width="195" height="40"></td>
   <td style="background:white;"><img src="images/button_2.gif" width="195" height="40"></td>
   <td style="background:white;"><img src="images/button_3.gif" width="195" height="40"></td>
   <td style="background:white;"><img src="images/button_4.gif" width="195" height="40"></td>
</tr>
</table>
<table class="tbl_nobrd" style="width:100%;height:70%;background:white;border-spacing:0;">
<tr style="padding:0px;margin:0px;height:100%" >
   <td style="background:white;width:25%;"><img src="images/logo.jpg" width="400" height="312"></td>
<td style="background:white;width:50%;">
<p align=justify>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaпривет как дела?
</p>
</td>
</tr>
</table>
<table class="tbl_nobrd" style="width:100%;height:10%;background:white;border-spacing:0;">
<tr style="padding:0px;margin:0px;height:30px">
<td style="background:white;width:100%;"><img src="images/1.gif" width=100% ></td>
</tr>
</table>
</body>
</html>
Причина редактирования: Уважайте других форумчан и используйте bb-коды для оформления
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
bmf
bmf
сообщение 19.8.2008, 21:07; Ответить: bmf
Сообщение #2


overflow-y: hidden;

уберает все скролы... не зависимо входит информация на экран или нет ...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 19.8.2008, 21:14; Ответить: ZiTosS
Сообщение #3


Скролл будет появляться так и так, ведь если информация не убирается в высоту на экран, то она уходит вниз.
Если же убрать скрол, то часть сайта будет недоступна. Возможно у вас появляется горизонтальный скрол.
+ горизонтальный скрол может появляться из-за этого
<td style="background:white;"><img src="images/button_1.gif" width="195" height="40"></td>
<td style="background:white;"><img src="images/button_2.gif" width="195" height="40"></td>
<td style="background:white;"><img src="images/button_3.gif" width="195" height="40"></td>
<td style="background:white;"><img src="images/button_4.gif" width="195" height="40"></td>

Это же почти 800 пикселов, при размерах окна меньше чем 800 пикселей, будет появляться скрол
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Xap_mw
Xap_mw
сообщение 19.8.2008, 21:17; Ответить: Xap_mw
Сообщение #4


А может что-то еще прописано в
class="tbl_nobrd"
что растягивает страницу
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 19.8.2008, 21:19; Ответить: ZiTosS
Сообщение #5


У меня щас на компе разрешение 800x600 появляется только вертикальный скрол... Ничего удивительного, каких размеров картинки, такого размера и высота
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Гость_0_*
Гость_0_*
Topic Starter сообщение 19.8.2008, 23:56; Ответить: Гость_0_*
Сообщение #6


А вообще под какое разрешение затачивают сайт?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Xap_mw
Xap_mw
сообщение 20.8.2008, 0:25; Ответить: Xap_mw
Сообщение #7


Это по разному. Если у Вас стоит счетчик ЛИ то там есть ссылка "Разрешение", где Вы можете узнать пользователи с каким разрешением монитора к Вам заходят. Лично у меня подовляющее большинство 1024×768 и 1280×1024 далее с отрывом в два раза идет 1280×800
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 20.8.2008, 0:45; Ответить: ZiTosS
Сообщение #8


Есть два варианта. Резиновая и стандартная вёрстки.
Резиновая вёрстка: Всё окно браузера принято за 100%. Все остальные элементы также идут в процентном отношении. Очень удобна, когда нет каких-либо неразрывных картинок.
Удобна при лёгком и повотряющемся дизайне.
Стандартная вёрстка может быть сделана по разному, либо сделать задний фон, а табличкой по центру всё остальное. Либо еа разрешение экрана, к примеру 1024x768.

Я предпочитаю делать резиновую вёрстку, смотрится она нормально при всех разрешениях экрана.
Вот очень полезная информация, там всё есть http://www.htmlbook.ru/content/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Гость_0_*
Гость_0_*
Topic Starter сообщение 20.8.2008, 16:25; Ответить: Гость_0_*
Сообщение #9


А как сделать в СSS таблицу из 2 столбцов,чтобы они были растянуты на весь браузер независимо от разрешения?
Я пробовал так:
<table style="width:100% height:100% background:white ">
<tr>
<td><img src="logo.jpg"  ></td>
<td>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaadasdadasdaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</td>
</tr>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 20.8.2008, 17:25; Ответить: ZiTosS
Сообщение #10


1) уважайте и заключайте в теги код, чтобы он был читабельнее
2) Вы бы хоть изучили CSS. Вас не учили, что после каждого свойства идёт ";" а не " "
3) Вот вам вариант половинчатый
<table width="100%" border="1" style="background:white;">
  <tr>
    <td width="50%"><img src="logo.jpg" ></td>
    <td width="50%">
      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
      aaaaaaaaaaaaaaaaaaaaaaaaaaadasdadasdaaaaaaaaaaaaaaaaaaaaaa
      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    </td>
  </tr>
</table>

Вот вариант, первый столбец по размеру содержимого, второй столбец будет всем остальным
<table width="100%" border="1" style="background:white;">
  <tr>
    <td><img src="logo.jpg" ></td>
    <td width="100%">
      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
      aaaaaaaaaaaaaaaaaaaaaaaaaaadasdadasdaaaaaaaaaaaaaaaaaaaaaa
      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    </td>
  </tr>
</table>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
151 adw-kupon.ru 19788 Сегодня, 13:52
автор: Vmir
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
20 uahomka 3415 Сегодня, 11:54
автор: Skyworker
Открытая тема (нет новых ответов) Как в пушсетках покупают по 100-200 тысяч кликов за день?
1 Boymaster 492 Сегодня, 11:45
автор: Skyworker
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
30 freeax 4995 20.4.2024, 16:49
автор: Liudmila
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
13 Boymaster 2017 20.4.2024, 15:06
автор: Boymaster


 



RSS Текстовая версия Сейчас: 23.4.2024, 14:59
Дизайн