Картинка уходит если большой размер экрана

@RESiSTANT · Регистрация: 27.05.2012

Студворк — интернет-сервис помощи студентам

сабж:
у меня размер экрана 1366х768
сайт у меня показывается вот так(как мне нужно):

Картинка уходит если большой размер экрана

у друга размер экрана 1920х1080
и у него сайт показывается вот так(неправильно):

собственно вопрос,как сделать чтобы у него было как у меня?
чтобы вставить картинку использовал html код:

HTML5
1
<img src='http://i.**********/AQnnmND.png' style='position:fixed;bottom:300px;left:0px;z-index:-999'/>

@Виктория_нимфа · 27.08.2013, 14:38

я думаю кроссбраузерность должна помочь

@RESiSTANT · 27.08.2013, 14:42 **[ТС]**

Сообщение от Виктория_нимфа

я думаю кроссбраузерность должна помочь

можете объяснить подробно как сделать?

@Виктория_нимфа · 27.08.2013, 14:54

в таблицу CSS вставь это

CSS
1
{padding: 0px; margin: 0px;} body {top: 0px; left: 0px; width: 100%; height: 100%;}

и сделай ширину рабочей области фиксированную,чтобы слева и справа был отступ.
вот на примере этого сайта http://htmldoor.blogspot.com/2009/11/html.html

@RESiSTANT · 27.08.2013, 14:57 **[ТС]**

Сообщение от Виктория_нимфа

в таблицу CSS вставь это

CSS
1
{padding: 0px; margin: 0px;} body {top: 0px; left: 0px; width: 100%; height: 100%;}

и сделай ширину рабочей области фиксированную,чтобы слева и справа был отступ.
вот на примере этого сайта http://htmldoor.blogspot.com/2009/11/html.html

c первым вроде разобрался
но второе не понимаю как сделать

@Виктория_нимфа · 27.08.2013, 15:08

для начала создай дополнительный css файл с именем reset.css и вставь этот код...НИЧЕГО НЕ ИЗМЕНЯЯ!!

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body 
{
    line-height: 1;
}
ol, ul 
{
    list-style: none;
}
blockquote, q 
{
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after 
{
    content: '';
    content: none;
}
table 
{
    border-collapse: collapse;
    border-spacing: 0;
}

и подключи в css со стилями вот таким способом @import url("reset.css");.
затем чтобы сделать отступы, после body делаешь слой div, в нем должно лежать все твоё остальное.
в css со стилями настраиваешь,например вот так:

CSS
1
2
3
4
5
6
.wrap //это id слоя 
{
    left: 50%;
    margin-left: -600px;
    position: absolute;
}

@RESiSTANT · 27.08.2013, 15:13 **[ТС]**

если я вам дам доступ к сайту через TeamViewer сможете показать как сделать?
а то я понял только до того момента что создать reset.css и добавить код
дальше не понял (

@Виктория_нимфа · 27.08.2013, 15:23

ну что тут не понятного?....
добавляешь все свои компоненты на слой

HTML5
1
2
3
4
5
6
7
8
<body>
<div class="wrap"> вот наш новый слой
    <div id="top"> а это уже твои слои, которые были раньше
                      </div>
    <div id="center">
                      </div>
</div>
</body>

@RESiSTANT · 27.08.2013, 15:25 **[ТС]**

куда CSS пихать?
в какой файл?
или сразу в index.php?

@Виктория_нимфа · 27.08.2013, 16:47

отдельным файлом

@RESiSTANT · 27.08.2013, 17:03 **[ТС]**

наварил кашу :c
вот код:

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
<style>
@import url("reset.css");
{padding: 0px; margin: 0px;} body {top: 0px; left: 0px; width: 100%; height: 100%;}
.wrap
{
    left: 50%;
    margin-left: -600px;
    position: absolute;
}
</style>
<body background="http://i.**********/al9pg6q.png"
repeat>
<div class="wrap">
<div id="top">
<div id="center">
<center>
<object type="application/x-shockwave-flash" data="http://www.justin.tv/widgets/live_embed_player.swf?channel=youhackradio" id="live_embed_player_flash" height="350" width="720" bgcolor="#000000"><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.justin.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.justin.tv&channel=youhackradio&auto_play=true&start_volume=100" /></object><br><br>
 
 
<iframe frameborder="0" scrolling="yes" id="chat_embed" src="http://twitch.tv/chat/embed?channel=youhackradio&amp;popout_chat=true" height="500" width="700"></iframe>
<br>
<a href="http://www.justin.tv/youhackradio/follow" target=""><img src="http://i.**********/Bu53K6Z.png" /></a><a href="http://youhack.ru/showthread.php?t=394029" target=""><img src="http://i.**********/VhK3s8g.png" /></a>
<br>
<a href="http://youhack.ru/"><img src="http://i.**********/YhF8Kr6.png"></a>
<center>
</div>
</div>
</div>
</body>

что не правильно сделал?

@Виктория_нимфа · 27.08.2013, 21:02

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
<style>
@import url("reset.css");
{padding: 0px; margin: 0px;} body {top: 0px; left: 0px; width: 100%; height: 100%;}
.wrap
{
    left: 50%;
    margin-left: -600px;
    position: absolute;
}
</style>
<body background="http://i.**********/al9pg6q.png">
<div class="wrap">
<div id="center">
<center>
<object type="application/x-shockwave-flash" data="http://www.justin.tv/widgets/live_embed_player.swf?channel=youhackradio" id="live_embed_player_flash" height="350" width="720" bgcolor="#000000"><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" /><param name="movie" value="http://www.justin.tv/widgets/live_embed_player.swf" /><param name="flashvars" value="hostname=www.justin.tv&channel=youhackradio&auto_play=true&start_volume=100" /></object><br><br>
 
<iframe frameborder="0" scrolling="yes" id="chat_embed" src="http://twitch.tv/chat/embed?channel=youhackradio&amp;popout_chat=true" height="500" width="700"></iframe>
<br>
<a href="http://www.justin.tv/youhackradio/follow" target=""><img src="http://i.**********/Bu53K6Z.png" /></a><a href="http://youhack.ru/showthread.php?t=394029" target=""><img src="http://i.**********/VhK3s8g.png" /></a>
<br>
<a href="http://youhack.ru/"><img src="http://i.**********/YhF8Kr6.png"></a>
</center>
</div>
</div>
</body>

исправила....пробуй

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@Виктория_нимфа 3 / 3 / 0 Регистрация: 25.04.2013 Сообщений: 64
	27.08.2013, 14:38
	я думаю кроссбраузерность должна помочь 0

@RESiSTANT 0 / 0 / 0 Регистрация: 27.05.2012 Сообщений: 48
	27.08.2013, 15:13 [ТС]
	если я вам дам доступ к сайту через TeamViewer сможете показать как сделать? а то я понял только до того момента что создать reset.css и добавить код дальше не понял ( 0

@RESiSTANT 0 / 0 / 0 Регистрация: 27.05.2012 Сообщений: 48
	27.08.2013, 15:25 [ТС]
	куда CSS пихать? в какой файл? или сразу в index.php? 0

@Виктория_нимфа 3 / 3 / 0 Регистрация: 25.04.2013 Сообщений: 64
	27.08.2013, 16:47
	отдельным файлом 0