Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Andrew_Montana
32 / 32 / 37
Регистрация: 12.10.2014
Сообщений: 214
#1

При масштабировании всё смещается - HTML, CSS

10.05.2016, 19:00. Просмотров 285. Ответов 1
Метки нет (Все метки)

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
#footer{
    height: 18px;
    background-image: url(../images/4.png); repeat-x;
/*  margin-top: 3%; */
    margin-top: 65px;
 
}
 
#ad{
/*  margin-top: -4.5%; */
    margin-top: 87px;
    width: 220px;
    height: 950px;
    background-color: #FFE4C4;
/*  margin-left: 40%; */
    margin-left: 680px;
    font-size:20px;
 
 
}
 
#b1{
    background-color: #FFE4C4;
    height: 150px;
    width: 220px;
    margin-top: 50px;
    font-size: 30px;
    margin-top: -860px;
/*  margin-top: -395.2%; */ 
}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="footer">
 
</div>
<div id="ad">
 
Компания Google обно-
вила
свою поисковую
систему, внедрив в нее
улучшенный алгоритм
оценки запро с ов и предоставления
информации.
В частности, была
усовершенствована система
индексации Caffeine,
которая охватывает
примерно 35% обрабатываемых
данных.
Теперь пользователям
будет значительно легче
искать актуальную
информацию о недавних
событиях и популярных
темах. Если
запрос связан с последними
новостями, то алгоритм
в первую оче редь
выдаст самые свежие
данные. Аналогично-
с конференциями
и спортом. Однако, если
требуется архивная информация,
пользователю
nредложат самому
сделать выбор.
    <div id="b1">
    <b>Google ищет по-новому</b>
    </div>
</div>
 
    
</body>
</html>
Не выходит зафиксировать позиции. Всё должно быть как на 1-ом скрине. Но как масштабирую, всё ездит вниз-вверх.
Думал что проблема из за того что указывал в процентах, изменил на пиксели, поигрался с position, но ничего не помогло

PS: Критика моего говнокода приветствуется, если что можно сделать лаконичнее и лучше - подскажите)
http://www.cyberforum.ru/html/thread1155851.html
0
Миниатюры
При масштабировании всё смещается  
Изображения
 
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
10.05.2016, 19:00
Я подобрал для вас темы с готовыми решениями и ответами на вопрос При масштабировании всё смещается (HTML, CSS):

Сайт съезжает при масштабировании и при изменении размера браузера
Здравствуйте. Делал задание одно, все получилось, но в конце, когда начал...

Подвал смещается при добавлении border
Здравствуйте всем! У меня вот какая трабла-есть 3 нижних блока,заключённых в...

При уменьшении масштаба блок смещается
При масштабе 100% все выглядит нормально и только при 33% и меньше блок...

При уменьшении страницы смещается содержимое
Прошу прощение за повторную тему, но в других исчерпывающего ответа не...

Смещение при масштабировании
Всем привет! При вёрстке столкнулся с такой проблемой-при масштабировании...

1
Andrew_Montana
32 / 32 / 37
Регистрация: 12.10.2014
Сообщений: 214
10.05.2016, 19:23  [ТС] #2
Создал 2 div'a для каждого заголовка и всё ок. Тему можно закрыть
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
10.05.2016, 19:23
Привет! Вот еще темы с решениями:

Смещается страница при переходе по пунктам меню
Когда перехожу по пунктам меню, страница сместилась вправо. Это мне надо auto...

При появлении полосы прокрутки смещается контент
Добрый день. При появлении полосы прокрутки, правая колонка смещается влево. ...

При нажатии на ссылку экран смещается вниз
Здравствуйте. С помощью Html и css делаю слайды (знаю, колхоз, но java пока не...

Смещается картинка при transform: rotate (360deg)
Смещается картинка при transform: rotate (360deg). Со 2-ой картинкой все в...


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

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

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