Vitaliy2121
-
Posts
4 -
Joined
-
Last visited
Vitaliy2121's Achievements
Explorer (1/14)
0
Reputation
-
Не удается растянуть сайт на весь экран по высоте
Vitaliy2121 replied to Vitaliy2121's question in HTML Coding
Ураааааааааааааааааа!!!!!!!!!!! Наконец-то я сам допетрил как это сделать. В общем если у кого-то такая же проблема делайте так. В шапке каждой страницы пишите мета-тег: <meta name="viewport" content="width=600px; min-height=device-height">Что такое viewport думаю каждый верстальщик знает, а дальше просто задаем ширину страницы. Главное в стилях прописать максимальную ширину элемена 600px, как в viewport. Надеюсь понятно что не обязательно ставить 600px . У меня например ширина сайта 1000px. Всем спасибо за попытки помочь. Модераторы закрывайте тему. -
Не удается растянуть сайт на весь экран по высоте
Vitaliy2121 replied to Vitaliy2121's question in HTML Coding
Убрал точки. Кинул мета-теги в head -
Не удается растянуть сайт на весь экран по высоте
Vitaliy2121 replied to Vitaliy2121's question in HTML Coding
Платформа андроид, браузер гугл хром. Тега text не существует это просто обозначение. Например мне нужно написать стиль для 1 строчки текста, как ее обозначить это строчку текста, прописываю "обозначатель" и ее присваеваю стиль. Вместа этого превдотега могло бы быть допустим <fdfbdsdf></fdfbdsdf> или что либо еще. На счет точек с запятой прошу прощение это наверное привычка после С++ осталась. P.S исправил ошибки на которые вы указали. Не помогло -
Здравствуйте форумчане. Проблема вроде бы известная но я ни где не могу найти ее решение. Проблема такова, на странице мало текста. Меньше чем высота экрана, нужно растянуть страницу так что бы фон закрывал весь экран. Вот html код страницы: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"><link href="http://vab.96.lt/style.css'>http://vab.96.lt/style.css" rel="stylesheet"><title>Новости</title></head><body><div class="osnova"><text style="font-size: 30px">06.10.15</text> <p class="l">Всем привет.<img src="http://vab.96.lt/news/img/hi.png" width="20" height="20"> Сегодня выбран окончательный дизайн для сайта. В дальнейшем основной целью станет наполнение сайта различным контентом. Оставайтесь с нами.</p><hr><a href="http://vab.96.lt">Главная</a></div></body></html> Вот код css: html{height: 100%;margin: 0px;}body{height: 100%;background: url(http://vab.96.lt/img/bg-2.png) ;font-size: 20px;margin: 0px;}@font-face{font-family: Cassandra;src: url(http://vab.96.lt/font/Cassandra.ttf);}test.logo{font-size: 350%;}p.l{text-align: left;margin: 0px auto; word-break: break-all;word-spacing: 3px;padding: 10px;}.osnova{word-wrap: break-word;font-family: Cassandra;margin: 0px auto;background: url(http://vab.96.lt/img/bg-3.png) ;width: 100%;min-width: 400px;max-width: 600px;border: 1px solid #848484;color: white;text-align: center;}a{font-size: 20px;color: #58FA58;text-decoration: none;}a:hover{font-size: 19px;text-decoration: none;color: #E6E6E6;}a:active{text-decoration: none;font-size: 19px;color: #E6E6E6;}a:visited{color: #81F781;text-decoration: none;}button.but{border: 1px solid #BDBDBD;font-family: Cassandra;border-radius: 10px;background: none;font-size:37px;color:#58FA58;width: 90%;height: 70px;margin-bottom: 0.4em;text-decoration: none;}button.but:hover{width: 87%;height: 70px;font-size:35px;box-shadow: 0px 0px 14px 1px #F7819F;}button.but:active{width: 86%;}Пробовал делать так: <html style="height:100%"> - не помогло; html{height:100%;} - не помогло; <html style="height:100vh"> - не помогло; html{height:100vh;} -не помогло; Для body тоже самое писал - не помогло; Писал и для html и body вместе - не помогло; min-height - хоть в процентах хоть в vh хоть в px не помогает. Пробовал position - не помогает. Есть еще идеи? P.S если хотите посмотреть оригинал сайта зайдите c телефона на http://vab.96.lt/news/news1.php. Я там ничего менять не буду пока не решу данную проблему. P.P.S может просто добавить больше тегов <br> и все?