Масштабирование

@Programmer1993 · Регистрация: 22.05.2012

Пишу сайт на юкозе....столкнулся с такой проблемой....шаблон притянут к краям страницы и при масштабировании получается много свободного места в центре страницы.....как это исправить

@jon4eg · 29.10.2014, 14:34

Не по теме, но мой вам совет:не пишите сайты на Юкозе

@Fedor92 · 29.10.2014, 16:00

Подозрение, что левый блок имеет свойство {float:left}- правый свойство {float:right} , а body,html {width:100%;height:100%}... Поэтому один прижат к краю правому другой к левому, а по середине борода измята...

Но это первое впечатление...

Не по теме:

Сообщение от jon4eg

Не по теме, но мой вам совет:не пишите сайты на Юкозе

- с чего бы? Сайты можно и в блокноте писать...

@Programmer1993 · 29.10.2014, 17:20 **[ТС]**

Сообщение от Fedor92

Подозрение, что левый блок имеет свойство {float:left}- правый свойство {float:right} , а body,html {width:100%;height:100%}... Поэтому один прижат к краю правому другой к левому, а по середине борода измята... Но это первое впечатление...
Не по теме:

походу это реально так .....как от этого мзбавиться....нашел вот такую строчку

HTML5

1	.uMenuH li {float:left;padding:0 5px;}

и вот что то еще похожее

HTML5

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}

@Fedor92 · 29.10.2014, 17:29

Самое простое разметить все три блока в одном общем блоке равному например 1000px и сделать его центрирование{margin:0 auto}... Примерно так:

HTML5

<div class="content">
       <div class="left-block">
       <div class="center-block">
       <div class="right-block"> 
</div>

Тогда будет смотрибельно....

@Programmer1993 · 29.10.2014, 17:32 **[ТС]**

а это где должно быть....в стиле или в body

@Fedor92 · 29.10.2014, 17:45

Примерно так... Посмотрите, что будет на разных разрешениях...

@Давран · 29.10.2014, 17:46

Programmer1993, то, что написал Фёдор должно быть в body

@Programmer1993 · 29.10.2014, 17:53 **[ТС]**

а что вот с этим делать

HTML5

<body style="background:#FFFFFF; margin:0;padding:0;">
    
$ADMIN_BAR$
 
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding:10px 0 0 0;">
<tr>
<td valign="top" style="width:276px;text-align:center;" rowspan="2">
 
<table border="0" cellpadding="0" cellspacing="0" height="100" width="276">
<tbody><tr><td style="padding-left:20px;text-align:center;"><span style="color: rgb(127, 127, 127); font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; line-height: normal;"><i><!-- <logo> --><font><font class="" face="Monotype Corsiva" size="6" style="font-size: 24pt;"> Днем !!!</font></font><!-- </logo> --></i></span></td></tr>
</tbody></table>

@Fedor92 · 29.10.2014, 17:55

Я так понимаю это центральный блок свёрстанный таблицей? Или всё-таки боковой?

@Programmer1993 · 29.10.2014, 17:58 **[ТС]**

я не совсем понимаю о чем вы говорите....я в этом не силен, но если вот в этой строке я 100% меняю на 1% то правый бок притякивается ....и получается что страница слева

HTML5

1	<table border="0" cellpadding="0" cellspacing="0" width="100%" style="padding:10px 0 0 0;">

@Programmer1993 · 29.10.2014, 17:59 **[ТС]**

теперь желательно бы это отцентровать все

@Fedor92 · 29.10.2014, 18:02

Существует несколько типов вёрстки... Ваш вариант называется табличной вёрсткой: когда создаётся таблица и в ней размещается контент... Я Вам предложил вариант блочной вёрстки - это когда вся страница разбивается на блоки и верстается блоками... Табличная вёрстка давно устарела и сейчас мало кто её применяет для вёрстки...

@Programmer1993 · 29.10.2014, 18:04 **[ТС]**

Сообщение от Fedor92

Существует несколько типов вёрстки... Ваш вариант называется табличной вёрсткой: когда создаётся таблица и в ней размещается контент... Я Вам предложил вариант блочной вёрстки - это когда вся страница разбивается на блоки и верстается блоками... Табличная вёрстка давно устарела и сейчас мало кто её применяет для вёрстки...

...

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

@Fedor92 · 29.10.2014, 18:06

Читая Ваш код невооружённым глазом видно, что таблица занимает 100% от тела страницы... Получается, что ширина таблицы = ширине body... Поэтому её нельзя отцентрировать...

Добавлено через 1 минуту

Сообщение от Programmer1993

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

Можно поискать js-код на запрет масштабирования страницы...

@Programmer1993 · 29.10.2014, 18:09 **[ТС]**

Сообщение от Fedor92

Можно поискать js-код на запрет масштабирования страницы...

а код не подскажите ...и куда его вставлять нужно

с помощью джава скрипта я только музыку на страницу устанавливал

@Fedor92 · 29.10.2014, 18:15

Нашёл приемлемый вариант Как запретить масштабирование сайта при просмотре со смартфона как в мобильнрй версии вк?
Попробуйте...

Добавлено через 3 минуты
С работы приду могу в вёрстке поковыряться пишите в ЛС... Примерно часов в 9...

@Programmer1993 · 29.10.2014, 18:18 **[ТС]**

хорошо спасибо....тот код я пробовал, он не помогает для браузеров на компе

@Fedor92 · 29.10.2014, 18:19

Ладно сообразим... Короче до 9... Надеюсь знаете, как в ЛС писать сообщения...

@Fedor92 2943 / 2520 / 1063 Регистрация: 15.12.2012 Сообщений: 9,437 Записей в блоге: 9
	29.10.2014, 18:02	13
	Существует несколько типов вёрстки... Ваш вариант называется табличной вёрсткой: когда создаётся таблица и в ней размещается контент... Я Вам предложил вариант блочной вёрстки - это когда вся страница разбивается на блоки и верстается блоками... Табличная вёрстка давно устарела и сейчас мало кто её применяет для вёрстки... 1

@Programmer1993 44 / 24 / 1 Регистрация: 22.05.2012 Сообщений: 669
		1
	Масштабирование 29.10.2014, 00:28. Просмотров 1770. Ответов 18 Метки нет (Все метки) Пишу сайт на юкозе....столкнулся с такой проблемой....шаблон притянут к краям страницы и при масштабировании получается много свободного места в центре страницы.....как это исправить 0 Миниатюры

@jon4eg 1 / 1 / 0 Регистрация: 28.01.2014 Сообщений: 109
	29.10.2014, 14:34	2
	Не по теме, но мой вам совет:не пишите сайты на Юкозе 1

@Fedor92 2943 / 2520 / 1063 Регистрация: 15.12.2012 Сообщений: 9,437 Записей в блоге: 9
	29.10.2014, 16:00	3
	Сообщение было отмечено Programmer1993 как решение Решение Подозрение, что левый блок имеет свойство {float:left}- правый свойство {float:right} , а body,html {width:100%;height:100%}... Поэтому один прижат к краю правому другой к левому, а по середине борода измята... Но это первое впечатление... Не по теме: Сообщение от jon4eg Не по теме, но мой вам совет:не пишите сайты на Юкозе - с чего бы? Сайты можно и в блокноте писать... 1

@Programmer1993 44 / 24 / 1 Регистрация: 22.05.2012 Сообщений: 669
	29.10.2014, 17:32 [ТС]	6
	а это где должно быть....в стиле или в body 0

@Давран 201 / 150 / 44 Регистрация: 24.11.2013 Сообщений: 1,106
	29.10.2014, 17:46	8
	Programmer1993, то, что написал Фёдор должно быть в body 1

@Fedor92 2943 / 2520 / 1063 Регистрация: 15.12.2012 Сообщений: 9,437 Записей в блоге: 9
	29.10.2014, 17:55	10
	Я так понимаю это центральный блок свёрстанный таблицей? Или всё-таки боковой? 1

@Programmer1993 44 / 24 / 1 Регистрация: 22.05.2012 Сообщений: 669
	29.10.2014, 17:59 [ТС]	12
	теперь желательно бы это отцентровать все 0

@Programmer1993 44 / 24 / 1 Регистрация: 22.05.2012 Сообщений: 669
	29.10.2014, 18:04 [ТС]	14
	Сообщение от Fedor92 Существует несколько типов вёрстки... Ваш вариант называется табличной вёрсткой: когда создаётся таблица и в ней размещается контент... Я Вам предложил вариант блочной вёрстки - это когда вся страница разбивается на блоки и верстается блоками... Табличная вёрстка давно устарела и сейчас мало кто её применяет для вёрстки... ... тоесть мне не получится это все отцентровать.....я не понямаю в html ....мне нужно либо отцентровать это все, либо сделать так чтобы масштаб страницы изменить нельзя было 0

@Fedor92 2943 / 2520 / 1063 Регистрация: 15.12.2012 Сообщений: 9,437 Записей в блоге: 9
	29.10.2014, 18:06	15
	Читая Ваш код невооружённым глазом видно, что таблица занимает 100% от тела страницы... Получается, что ширина таблицы = ширине body... Поэтому её нельзя отцентрировать... Добавлено через 1 минуту Сообщение от Programmer1993 тоесть мне не получится это все отцентровать.....я не понямаю в html ....мне нужно либо отцентровать это все, либо сделать так чтобы масштаб страницы изменить нельзя было Можно поискать js-код на запрет масштабирования страницы... 0

@Programmer1993 44 / 24 / 1 Регистрация: 22.05.2012 Сообщений: 669
	29.10.2014, 18:09 [ТС]	16
	Сообщение от Fedor92 Можно поискать js-код на запрет масштабирования страницы... а код не подскажите ...и куда его вставлять нужно с помощью джава скрипта я только музыку на страницу устанавливал 0

@Fedor92 2943 / 2520 / 1063 Регистрация: 15.12.2012 Сообщений: 9,437 Записей в блоге: 9
	29.10.2014, 18:15	17
	Нашёл приемлемый вариант Как запретить масштабирование сайта при просмотре со смартфона как в мобильнрй версии вк? Попробуйте... Добавлено через 3 минуты С работы приду могу в вёрстке поковыряться пишите в ЛС... Примерно часов в 9... 1

@Programmer1993 44 / 24 / 1 Регистрация: 22.05.2012 Сообщений: 669
	29.10.2014, 18:18 [ТС]	18
	хорошо спасибо....тот код я пробовал, он не помогает для браузеров на компе 0

@Fedor92 2943 / 2520 / 1063 Регистрация: 15.12.2012 Сообщений: 9,437 Записей в блоге: 9
	29.10.2014, 18:19	19
	Ладно сообразим... Короче до 9... Надеюсь знаете, как в ЛС писать сообщения... 1

Масштабирование

Решение