Форум Сайтостроение Веб-строительство

Стили css на разных экранах по разному смотрятся...

K1
На сайте с 15.11.2014
Offline
158
karen1994
554

Подскажите как исправить проблему с отображением блоков на сайте... На ноуте делал и все было шито-крыто, а сел за другой компьютер, где экран побольше и сразу косяки видны... Как исправить стили?

.login-panel-open {
background: url(../images/login-panel-open.png) left top no-repeat;
height: 28px;
width: 166px;
position: absolute;
left: 1150px;
top: 50px;
line-height: 28px;
font-weight: bold;
text-align: center;
color: #252424;
cursor: pointer;
}

.form-text {
color: #6a6a6a;
font-size: 11px;
border: 1px #c3c3c3 solid;
margin: 0;
padding: 7px 12px 7px 12px;
background: #ececec;
position: absolute;
left: 1100px;
top: 128px;
width: 230px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

вот сайт - http://base-road.ru/

вот скрин - http://firepic.org/?v=5.2016-01-06_survbovfbe4b.png

а когда экран поменьше так вообще вот так отображается - http://cs629130.vk.me/v629130566/2beba/rYv3SfLOYQ4.jpg

ДП
На сайте с 23.11.2009
Offline
203
Дикий пионер
#1

Играться с position:absolute или поменять left на right например, чтобы от правого края считалось.

totamon
На сайте с 12.05.2007
Offline
437
totamon
#2

karen1994, понимаю что вы не специально скрин выложили на Гхостинг который на вапподписки посетителей кидает...

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
K1
На сайте с 15.11.2014
Offline
158
karen1994
#3
totamon:
karen1994, понимаю что вы не специально скрин выложили на Гхостинг который на вапподписки посетителей кидает...

Даже не знал(((

---------- Добавлено 06.01.2016 в 23:40 ----------

Дикий пионер:
Играться с position:absolute или поменять left на right например, чтобы от правого края считалось.

А более подробней можете подсказать?

maxvel0007
На сайте с 26.10.2014
Offline
67
maxvel0007
#4

Ипать моё колено, я шут со стола не пёзднулся: left: 1100px;

Удали везде свой лефт и не пользуйся им ни когда, не для тебя он. 

.form-text {

    color: #6a6a6a;

    font-size: 35px;

    border: 1px #c3c3c3 solid;

    margin: -6px 0px 0px 0px;

    padding: 5px;

    background: #ececec;

    position: absolute;

    top: 128px;

    width: 264px;

    height: 28px;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

}
Жизнь как игра, графика хорошая, а сюжет не очень.
Ragnarok
На сайте с 25.06.2010
Offline
239
Ragnarok
#5

Замучаетесь со своими position:absolute потом адаптив делать, верстальщики-извращенцы

//TODO: перестать откладывать на потом
D.iK.iJ
На сайте с 26.05.2013
Offline
239
D.iK.iJ
#6
Ragnarok:
Замучаетесь со своими position:absolute потом адаптив делать, верстальщики-извращенцы

Некоторым людям нехватает таблиц :)

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий