Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / body html {100%} / 17 сообщений из 17, страница 1 из 1
28.11.2014, 15:56
    #38819753
Andrey1306
Andrey1306
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
body html {100%}
Добрый день


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

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

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

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

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

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

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

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




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

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

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

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

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

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

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

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



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

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

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


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

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

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

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

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

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

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

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



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



PS


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

Та да, но точно знаю что такого не ставлю. И даже в голову не пришло. Нафига он это сделал не знаю
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / body html {100%} / 17 сообщений из 17, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 424ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1446484]:
 0ms
get settings:
 5ms
get forum list:
 8ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 149ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 44ms
get tp. blocked users:
 1ms
others: 204ms
total:  424ms
x
x
Закрыть


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