Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
Donet
21 / 21 / 2
Регистрация: 19.11.2013
Сообщений: 74
#1

Блок не на всю ширину - HTML, CSS

10.09.2015, 19:14. Просмотров 412. Ответов 9
Метки нет (Все метки)

Блок отображается не на всю ширину его ширина 980 ?
Блок не на всю ширину
Помогите.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
10.09.2015, 19:14
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Блок не на всю ширину (HTML, CSS):

блок на всю ширину с разными краями - HTML, CSS
Можно как-то сделать чтоб и левая и правая сторона тянулась на всю ширину экрана.Края с разным цветом

Блок на всю ширину и высоту страницы - HTML, CSS
Добрый день! Как сделать так что бы divблок растянулся на всю ширину и не было видно отступов? <html> <head> <title>Моя первая...

Как сделать блок на всю ширину экрана - HTML, CSS
<div тут в стилях фиксированная ширина> <div></div> <div>100% по ширине браузера</div> </div> </div> Как сделать 100% по...

Как сделать блок на всю ширину окна браузера - HTML, CSS
У меня возникла проблема с размерами <div> Не получается сделать на всю 100% ширину окна браузера, вначале описывал в css размеры ...

Растянуть блок на всю ширину дочернего табличного элемента - HTML, CSS
Добрый день! есть такой код http://jsfiddle.net/urxLthvp/ (jQuery можно удалить) <div class="hint-withIcon"> <div> ...

Блок на всю ширину страницы, выходящий за границы основного блока - HTML, CSS
Верстаю страницу, и столкнулся с такой бедой, кроме head и footer есть еще блоки на всю ширину страницы. Подскажите пожалуйста, как в одном...

9
whiteapps
407 / 372 / 172
Регистрация: 18.07.2014
Сообщений: 1,258
10.09.2015, 19:39 #2
Donet, покажите весь код
в особенности интересует что прописано на body
1
Donet
21 / 21 / 2
Регистрация: 19.11.2013
Сообщений: 74
10.09.2015, 22:44  [ТС] #3
В body ничего не прописывал.
Есть вариант прописать.
HTML5
1
2
3
html{
min-width: 1200px;
}
Но это кабы костыль.
0
whiteapps
407 / 372 / 172
Регистрация: 18.07.2014
Сообщений: 1,258
10.09.2015, 22:48 #4
Donet, если не покажите код, будем действовать в слепую
для начала добавьте
CSS
1
2
3
4
5
6
7
8
9
10
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
width: 100vw;
min-height: 100%;
min-height: 100vh;
}
1
Donet
21 / 21 / 2
Регистрация: 19.11.2013
Сообщений: 74
10.09.2015, 22:57  [ТС] #5
Весь код http://donet.hol.es/

Добавлено через 6 минут
Не помогло.
0
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2533 / 2192 / 919
Регистрация: 15.12.2012
Сообщений: 8,067
10.09.2015, 23:05 #6
Donet, как вариант:
CSS
1
body{min-width:1200px}
1
Donet
21 / 21 / 2
Регистрация: 19.11.2013
Сообщений: 74
10.09.2015, 23:08  [ТС] #7
Но это кабы костыль.
0
Fedor92
Человек из 90-х
Эксперт HTML/CSS
2533 / 2192 / 919
Регистрация: 15.12.2012
Сообщений: 8,067
10.09.2015, 23:12 #8
Цитата Сообщение от Donet Посмотреть сообщение
Но это кабы костыль.
Это просто вариант... Ищите решение лучше...
1
whiteapps
407 / 372 / 172
Регистрация: 18.07.2014
Сообщений: 1,258
10.09.2015, 23:15 #9
Лучший ответ Сообщение было отмечено автором темы, экспертом или модератором как ответ
Donet, вы определитесь, либо вы делаете сайт под фиксированную ширину, либо адаптивный

у вас в некоторых местах жестко прописана ширина 1200
плюс многие input имеют фиксированную ширину, при малом разрешение они выходят за границы своих контейнеров - и от этого все ломается

+ position: absolute не стоит пихать где попало
при расчете ширины контейнера, абсолютно позиционированные элементы не будут учитываться
1
Donet
21 / 21 / 2
Регистрация: 19.11.2013
Сообщений: 74
11.09.2015, 01:03  [ТС] #10
Лучший ответ Сообщение было отмечено автором темы, экспертом или модератором как ответ
Спасибо за ответы буду делать наверно как вы написали.

Добавлено через 20 минут
Я вот ответ на мой вопрос
HTML5
1
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Добавлено через 1 час 26 минут
HTML5
1
position: absolute
я использовал чтобы наложить на обект
1
11.09.2015, 01:03
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.09.2015, 01:03
Привет! Вот еще темы с ответами:

Сделать список на всю ширину и сделать border-right не на всю высоту - HTML, CSS
Доброго времени суток. 1. Как сделать border-right не на всю высоту. Вот как на рисунке: 2. И скажите пожалуйста почему навигация не...

Div на всю ширину экрана - HTML, CSS
простейшая казалось бы задачка. однако если указывать width 100% он не распостраняется на весь экран! а визуально и слева и справа имеет...

Background на всю ширину браузера - HTML, CSS
Читал похожие темы, но не совсем они мне помогли. Задача: Сделать фон шапки резиновым на всю ширину без потери качества. Все должно...

Меню на всю ширину страницы - HTML, CSS
Подскажите, пожалуйста, как растянуть меню на всю ширину страницы http://mugreevo.ru/ &lt;script type=&quot;text/javascript&quot;&gt; function...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru