1

Всем привет! Столкнулся с такой проблемой: при создании дива, у меня текст начал налезать на другой текст, при сжатии экрана (у меня 19 дюймов, открывается нормально, а вот на маленьких экрана текст лезет на другой текст), вот как должно быть на всех экрана:

СКРИН 1

А вот так открывается сейчас на маленьких экранах:

СКРИН 2

    .text_russia {
    	font-size: 10px;
    	font-weight: bold;
    	position: absolute;
    	margin-left: 38%;
    	color: #0088cc;
    	top: 53%;
    }
    .email_russia {
    	font-size: 10px;
    	font-weight: bold;
    	position: absolute;
    	margin-left: 38%;
    	color: #0088cc;
    	top: 72%;
    }
    .phone_russia {
    	font-size: 21px;
    	font-weight: bold;
    	white-space: nowrap;
    	position: absolute;
    	margin-left: 26%;
    	top: 58%;
    }
  <div class="phone_russia">
    				+7 777 555 666 222
    			</div>
    			<div class="text_russia">
    				<a href="/info/contact" class="no-dec other-text-info">Звонок по России бесплатный</a>
    			</div>
    			<div class="email_russia">
    				<a href="mailto:test" class="no-dec other-text-info">test@test.com</a>
    			</div>

4
  • Что, никто не знает в чем проблема? Могу подробнее объяснить и скинуть еще кусок кода.
    – Lektor
    15 окт 2013 в 13:23
  • 1
    На этом форуме, чаще не отвечают по причине того, что или вопрос не интересен, или он задан так, что не особо хочеться разбираться. Вот взял я ваш код и почему-то сам, а не вы, [закидываю на fiddle][1]. Вижу, что нет ничего и близко с тем, что вы показывали на скринах. Значит, мне придётся вам задавать "тридцать три" дополнительных вопроса или самому подгонять под требуемый результат. Вот желания разбираться и поубавилось. [1]:jsfiddle.net/Deonis/W3hLs
    – Deonis
    15 окт 2013 в 13:44
  • left стоит 38% вот и оно залезло на маленьком экране. Резиновый сайт? Увеличьте лефт до 50 там где 38, будет на правой половине. Вообще уберите проценты, ну с другой стороны при такой верстке все равно будет налазить,меняйте все, в общем. 15 окт 2013 в 13:50
  • @vkovalchuk88 с пикселями делал, не сработало. Нет близко потому, что на него влияют другие дивы, которые не влияют на его положение.
    – Lektor
    15 окт 2013 в 20:05

1 ответ 1

0

Установите min-width в стилях CSS, и используйте величины в px а не %.

3
  • @Astat пробовал, не получается :(
    – Lektor
    16 окт 2013 в 15:59
  • на jsfiddle забросьте код 16 окт 2013 в 20:10
  • @vkovalchuk88 jsfiddle.net/Z2uC3
    – Lektor
    17 окт 2013 в 4:50

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.