ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / body html {100%}
17 сообщений из 17, страница 1 из 1
body html {100%}
    #38819753
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
Добрый день


Собственно в том body html {100%} . это нормально или нет.

Вопрос связи с тем что

если указать body html {100%} , то длиннные страницы показываются без скролинга вертикального
а если не указывать . То страницы на которых динамически подгружаемый контент помещается в див. ( с помощью гугл. апи. + некоторые плагины жаваскриптовые ) выглядят пустыми. так как изначально их высота не задана.

Какой будет бест вей ?

не хочется модифицировать сторонние скрипты. и задавать фиксированные высоты для блоков.
...
Рейтинг: 0 / 0
28.11.2014, 15:56
| Ответить | Цитировать | Написать  
body html {100%}
    #38819771
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
Andrey1306,

.. один из вариантов - устанавливать div-ам visibility/display в false/none в зависимости от наличия контента ....
...
Рейтинг: 0 / 0
28.11.2014, 16:01
| Ответить | Цитировать | Написать  
body html {100%}
    #38819781
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Andrey1306 , тут бы пример какой тестовый...
...
Рейтинг: 0 / 0
28.11.2014, 16:06
| Ответить | Цитировать | Написать  
body html {100%}
    #38819788
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Andrey1306если указать body html {100%}наверное таки height:100%?
Andrey1306то длиннные страницы показываются без скролинга вертикального вообще-то нет. без скроллинга, если overflow:hidden.
...
Рейтинг: 0 / 0
28.11.2014, 16:09
| Ответить | Цитировать | Написать  
body html {100%}
    #38819799
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
carrotikAndrey1306,

.. один из вариантов - устанавливать div-ам visibility/display в false/none в зависимости от наличия контента ....


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


и приходится например для карт гугля после инициализации так делать

map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
$("html").css('height', '100%');
$("body").css('height','100%');


и оно становится нормальным, но если изменить размеры окна. скрола нету )).

Поэтому хотелось бы как унифицировать
...
Рейтинг: 0 / 0
28.11.2014, 16:16
| Ответить | Цитировать | Написать  
body html {100%}
    #38819804
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Andrey1306если указать body html {100%} , то длиннные страницы показываются без скролинга вертикального
Бивас, тест! (с)

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
* {
	margin: 0;
	padding: 0;
}
html,
body {
	height: 100%;
}
#content {
	height: 200%;
	background-color: blue;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body> 
<div id='content'></div>
</body>
</html>


Таки скрол вертикальный есть!
...
Рейтинг: 0 / 0
28.11.2014, 16:22
| Ответить | Цитировать | Написать  
body html {100%}
    #38819818
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
krvsa Andrey1306 , тут бы пример какой тестовый...

что то типа такого

http://jsfiddle.net/4mtyu/84/




но если тут скрол появляется (не знаю что там за верстка) то у меня на бутсрапе нед.

а если убрать в скприпте

$("html").css('height', '100%');
$("body").css('height','100%');

то карта есть но ее не видно
...
Рейтинг: 0 / 0
28.11.2014, 16:39
| Ответить | Цитировать | Написать  
body html {100%}
    #38819824
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Andrey1306 , у меня в Опере есть скрол и карту видать во всю харю...

 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&amp;sensor=false"></script>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
html,
body {
	height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font: 12px sans-serif;
}
h1, p {
  margin: 0;
  padding: 0;
}
</style>
<script type='text/javascript'>
/*
 * declare map as a global variable
 */
var map;

/*
 * use google maps api built-in mechanism to attach dom events
 */
google.maps.event.addDomListener(window, "load", function () {

  /*
   * create map
   */
  var map = new google.maps.Map(document.getElementById("map_div"), {
    center: new google.maps.LatLng(33.808678, -117.918921),
    zoom: 14,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
  /*
    $("html").css('height', '100%');
    $("body").css('height','100%');
	*/

  /*
   * create infowindow (which will be used by markers)
   */
  var infoWindow = new google.maps.InfoWindow();

  /*
   * marker creater function (acts as a closure for html parameter)
   */
  function createMarker(options, html) {
    var marker = new google.maps.Marker(options);
    if (html) {
      google.maps.event.addListener(marker, "click", function () {
        infoWindow.setContent(html);
        infoWindow.open(options.map, this);
      });
    }
    return marker;
  }

  /*
   * add markers to map
   */
  var marker0 = createMarker({
    position: new google.maps.LatLng(33.808678, -117.918921),
    map: map,
    icon: "http://1.bp.blogspot.com/_GZzKwf6g1o8/S6xwK6CSghI/AAAAAAAAA98/_iA3r4Ehclk/s1600/marker-green.png"
  }, "<h1>Marker 0</h1><p>This is the home marker.</p>");

  var marker1 = createMarker({
    position: new google.maps.LatLng(33.818038, -117.928492),
    map: map
  }, "<h1>Marker 1</h1><p>This is marker 1</p>");

  var marker2 = createMarker({
    position: new google.maps.LatLng(33.803333, -117.915278),
    map: map
  }, "<h1>Marker 2</h1><p>This is marker 2</p>");
});
</script>
</head>
<body> 
<div id="map_div" style="height: 410%"></div>
</body>
</html>

...
Рейтинг: 0 / 0
28.11.2014, 16:48
| Ответить | Цитировать | Написать  
body html {100%}
    #38819825
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
krvsa,

не выдумываю ))

 
Есть 100% высота, нет скрола

Убираю 100 высоту

Есть скрол
...
Рейтинг: 0 / 0
28.11.2014, 16:48
| Ответить | Цитировать | Написать  
body html {100%}
    #38819827
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Смотрел:
ИЕ9 - все есть
Хром Версия 39.0.2171.71 m - все есть
ФФ 33.1 - все есть
Опера 12.17 - все есть
...
Рейтинг: 0 / 0
28.11.2014, 16:50
| Ответить | Цитировать | Написать  
body html {100%}
    #38819828
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
krvsa Andrey1306 , у меня в Опере есть скрол и карту видать во всю харю...



ну да тут скрол есть, я написал.

Надо разбить на этапа

1. Измененени размера
2. Скрол.


Возьму тайм аут, попробую слепить пример без скрола.
...
Рейтинг: 0 / 0
28.11.2014, 16:52
| Ответить | Цитировать | Написать  
body html {100%}
    #38819830
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
krvsaAndrey1306если указать body html {100%} , то длиннные страницы показываются без скролинга вертикального
Бивас, тест! (с)

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
* {
	margin: 0;
	padding: 0;
}
html,
body {
	height: 100%;
}
#content {
	height: 200%;
	background-color: blue;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body> 
<div id='content'></div>
</body>
</html>


Таки скрол вертикальный есть!
...
Рейтинг: 0 / 0
28.11.2014, 16:52
| Ответить | Цитировать | Написать  
body html {100%}
    #38819831
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Andrey1306не выдумываю ))
Ты мой пример запускал?

Вот замодернизировал твой пример... http://jsfiddle.net/4mtyu/85/
Карта есть, скрол есть...
...
Рейтинг: 0 / 0
28.11.2014, 16:53
| Ответить | Цитировать | Написать  
body html {100%}
    #38819835
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
krvsaAndrey1306не выдумываю ))
Ты мой пример запускал?

Вот замодернизировал твой пример... http://jsfiddle.net/4mtyu/85/
Карта есть, скрол есть...

у меня так и есть в проекте карта есть. скрола нет

не могу понять.

пошел курить.

Спасибо. за участие
...
Рейтинг: 0 / 0
28.11.2014, 17:00
| Ответить | Цитировать | Написать  
body html {100%}
    #38819849
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
Нашел , спасибо .

Не обратил сразу внимания. натялуни на "мастер" страницу новый стлиль а там рендеринг содержимого помещен в див



#main-wrapper {
width: 100%;
overflow: hidden !important;
height: 100%;
}



PS


как говорится сам, дурак. Я же им говорю работало же вроде ))
...
Рейтинг: 0 / 0
28.11.2014, 17:13
| Ответить | Цитировать | Написать  
body html {100%}
    #38819884
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
А кое-кто сразу предупредил насчет overflow: hidden :)
...
Рейтинг: 0 / 0
28.11.2014, 17:50
| Ответить | Цитировать | Написать  
body html {100%}
    #38819999
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
AntonariyА кое-кто сразу предупредил насчет overflow: hidden :)

Та да, но точно знаю что такого не ставлю. И даже в голову не пришло. Нафига он это сделал не знаю
...
Рейтинг: 0 / 0
28.11.2014, 20:32
| Ответить | Цитировать | Написать  
17 сообщений из 17, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / body html {100%}
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38819831&tid=1446484]:
 0ms
get settings:
 6ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 55ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 48ms
get tp. blocked users:
 1ms
others: 198ms
total:  334ms
созд. / загр.: 334ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]