Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.59/29: Рейтинг темы: голосов - 29, средняя оценка - 4.59
 Аватар для buldozerbr
0 / 0 / 0
Регистрация: 24.01.2013
Сообщений: 36

Как зафиксировать элемент относительно браузера?

24.02.2013, 17:44. Показов 5974. Ответов 14
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Дело в то, что при разном разрешении экрана, элемент смещается в сторону!
Подскажите как исправить эту проблему!
Заранее БОЛЬШОЕ спасибо!

HTML5
1
2
3
4
<a href="$HOME_PAGE_LINK$" title="Главная">
 <layer name="lenta" top=0 left=0 > 
 <nolayer><div id="lenta" style="position:absolute;top:25; left:300;"></nolayer>
 <img src="$HOME_PAGE_LINK$images/head.png" alt="" border="0"></div></a>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
24.02.2013, 17:44
Ответы с готовыми решениями:

Зафиксировать элемент относительно другого
Добрый день! Есть основная колонка, и некий зафиксированный position: fixed; элемент. Не могу понять, как можно этот фиксированный...

Элемент относительно окна браузера
Есть панелька боковая для сайта. Выползает справой стороны сайта. И чего-то не пойму, чего менять, чтоб все тоже самое было но только...

Зафиксировать блок после того как окно браузера достанет
Есть блок, расположен он по центру экрана, как его зафиксировать на экране именно в тот момент когда верхнее окно браузера...

14
162 / 162 / 11
Регистрация: 07.09.2011
Сообщений: 995
24.02.2013, 17:59
используйте размеры в % или фиксируйте их не меньше среднестатического разрешения(например по ширине не меньше 800-1024 пикселей), а так же дополнительно задайте минимальный размер окна браузера при его уменьшении(min-width:***)
0
 Аватар для Sergio Aguero
452 / 443 / 21
Регистрация: 11.04.2012
Сообщений: 2,076
24.02.2013, 17:59
HTML5
1
position:fixed;
0
24.02.2013, 18:00

Не по теме:

Sergio Aguero, будет тоже самое.. Размер окна уменьшится, а отступ не изменится..

0
 Аватар для buldozerbr
0 / 0 / 0
Регистрация: 24.01.2013
Сообщений: 36
25.02.2013, 03:21  [ТС]
Цитата Сообщение от Lovrentiy Посмотреть сообщение
используйте размеры в % или фиксируйте их не меньше среднестатического разрешения(например по ширине не меньше 800-1024 пикселей), а так же дополнительно задайте минимальный размер окна браузера при его уменьшении(min-width:***)
Не помогло!((( http://lestnica.3dn.ru/
0
162 / 162 / 11
Регистрация: 07.09.2011
Сообщений: 995
25.02.2013, 18:40
попробуйте для примера
CSS
1
2
3
body{
min-width:1024px/*например*/
}
0
 Аватар для buldozerbr
0 / 0 / 0
Регистрация: 24.01.2013
Сообщений: 36
25.02.2013, 21:41  [ТС]
Цитата Сообщение от Lovrentiy Посмотреть сообщение
попробуйте для примера
Жаль, но не помогло!(((
0
162 / 162 / 11
Регистрация: 07.09.2011
Сообщений: 995
26.02.2013, 10:55
скиньте исходники, хочу посмотреть
0
 Аватар для buldozerbr
0 / 0 / 0
Регистрация: 24.01.2013
Сообщений: 36
26.02.2013, 12:05  [ТС]
Цитата Сообщение от Lovrentiy Посмотреть сообщение
скиньте исходники, хочу посмотреть
Вот глобальный блок HEAD:
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
<div id="usermenu">
<div> 
<?if($USER_LOGGED_IN$)?>Вы вошли как <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "$USER_GROUP$"<?else?>Приветствую Вас, $USERNAME$<?endif?>
 <?if($USER_LOGGED_IN$)?><?else?> | <a href="$REGISTER_LINK$">Регистрация</a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$">Выйти</a><?else?> | <a href="$LOGIN_LINK$">Войти</a><?endif?><?if($RSS_LINK$)?> | <a href="$RSS_LINK$">RSS</a><?endif?>
 </div>
 </div>
 <a href="$HOME_PAGE_LINK$" title="Главная">
 <layer name="lenta" top=0 left=0 > 
 <nolayer><div id="lenta" style="position:absolute;top:25; left:300;"></nolayer>
 <img src="$HOME_PAGE_LINK$images/head.png" alt="" border="0"></div></a>
 
 <layer name="lenta" top=0 left=0 > 
 <nolayer><div id="lenta" style="position:absolute;top:0; left:900;"></nolayer>
 <img src="$HOME_PAGE_LINK$images/logo.png" alt="" border="0"></div>
 <a href="http://lestnica.3dn.ru/index/0-3" title="Связь с нами"> 
 
 <layer name="lenta" top=0 left=0 > 
 <nolayer><div id="lenta" style="position:absolute;top:5; left:900;"></nolayer>
 <img src="http://lestnica.3dn.ru/images/tel.png" alt="" border="0"></div></a>
 
<a href="http://buldozer.101.ru" target="_blank" title="Он-лайн радио"> 
<layer name="lenta" top=0 left=0 > 
 <nolayer><div id="lenta" style="position:fixed;top:10; left:7;"></nolayer>
 <img src="http://lestnica.3dn.ru/images/baner_radio.png" alt="" border="0"></div></a>
А вот сама СТРАНИЦА САЙТА:
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
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>$SITE_NAME$ - $MODULE_NAME$</title>
 <link type="text/css" rel="StyleSheet" href="/_st/my.css" />
 <link rel="stylesheet" href="./style.css" type="text/css" media="screen" />
 <link rel="shortcut icon" href="/favicon.ico">
</head>
<body>
 $GLOBAL_HEAD$
 <div id="wrapper">
 <div id="foxmenucontainer">
 <div id="menu">
 <!-- <sblock_menu> -->
<?if($SMENU_1$)?><!-- <bc> -->$SMENU_1$<!-- </bc> --><?endif?>
<!-- </sblock_menu> -->
 </div>
 </div>
 $GLOBAL_SLIDER$
 <div id="topbar"></div>
 <div id="left">
<!-- irenetplsceleton -->
$GLOBAL_AHEADER$
 
 <div class="sidebar">
$GLOBAL_CLEFTER$
 </div>
 </div>
 </div>
 <div id="casing">
 <div id="content">
<!-- <middle> -->
 <div class="post">
 <!-- <body> -->$CONTENT$<!-- </body> -->
 <div style="clear:both"></div>
 </div><div style="display:none;"><a href="http://dizoff.ru">dizoff.ru</a></div>
 <div class="clear"></div>
<!-- </middle> -->
 </div>
 </div>
 <div class="clear"></div>
$GLOBAL_BFOOTER$
<!-- endirenetplsceleton -->
 </div>
</body>
</html>
0
162 / 162 / 11
Регистрация: 07.09.2011
Сообщений: 995
26.02.2013, 21:24
скиньте:
index.php
style.css
my.css
0
Человек
 Аватар для dolte
331 / 205 / 63
Регистрация: 04.02.2013
Сообщений: 1,223
27.02.2013, 00:20
CSS
1
2
3
4
5
6
.ololo 
{
position: fixed; /* Фиксируем эллемент */
right: 10px; /* Отступаем от правого края браузера */
top: 20%; /* Отступаем сверху */
}
0
 Аватар для buldozerbr
0 / 0 / 0
Регистрация: 24.01.2013
Сообщений: 36
27.02.2013, 11:59  [ТС]
Цитата Сообщение от Lovrentiy Посмотреть сообщение
скиньте:
index.php
style.css
my.css
Дело в том, что это UCOZ...а это значит, что тут немного всё по другому!
index.php заменяется на другое название!....сам код привидён выше...Глобальный блок, он кстати не один и Head
Весь 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
#puzadpn {display:none}
ul, li, h1, h2, h3, h4, h5, h6{margin: 0px;padding: 0px;}
body {
margin:0;padding-left:15%;background:url(/img/2.jpg);
background-attachment: fixed; background-position: top;
font-family:'Tahoma','Arial','Century gothic';font-size:12px;
}
img {border:0;}
a.noun img {margin: 2px;}
hr {background-color: #dddddd;border:0px;height: 1px; overflow: hidden;}
a {color: #5384BF;text-decoration: none;outline:none;}
a:visited {color: #5384BF;}
a:hover, a:active {color: #214974;text-decoration: none;}
h1,h2, h3, h4, h5, h6 {line-height:125%;font-weight: bold;}
ul {list-style: square;}
td {font-size:12px;}
blockquote {font-style: italic;color: #555;padding:10px;}
blockquote blockquote {color: #777;}
blockquote em {font-style: normal;}
pre {padding: 9px;background: #f9f9f9;border: 1px solid #ccc;}
code {padding: 0 3px;background: #eee;}
pre code {background: transparent;}
.clear {clear:both;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.rounded{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.insetshadow{box-shadow:inset 0 0 5px #ddd;-moz-box-shadow:inset 0 0 5px #ddd;-webkit-box-shadow:inset 0 0 5px #ddd;}
.dropshadow{box-shadow: 0 0 10px #111;-moz-box-shadow: 0 0 10px #111;-webkit-box-shadow: 0 0 10px #111;}
/*user menu*/
#usermenu {width: 1000px;margin: auto;position: relative;}
#usermenu div {margin: 6px 0px 0px 15px; text-transform: uppercase;font-weight: bold;font-size: 10px; color: #f6dfbc;}
#usermenu a {color: #fdc161;line-height: 13px;}
#usermenu a:hover {border-bottom: 1px dashed #f6dfbc !important;}
/* The Outer cover */
#wrapper {width:1000px;margin:80px auto;position:relative;padding:0px 0px;background:url(/img/8.jpg) repeat-y;}
#casing{width:650px;float:right;background:url(/img/9.png) top no-repeat;}
 
/*Page menu*/
#foxmenucontainer{
height:35px;display:block;margin:0px auto;font: 11px 'Verdana','Arial', 'Tahoma','Century gothic';
font-weight:normal;text-transform:uppercase;width:1000px;background:#0D6091 url(/img/10.png) ;}
#menu{margin:0px 10px;padding: 0px;height:35px;}
#menu ul.uMenuRoot {float: left;list-style: none;margin: 0px;padding: 0px;}
#menu li {float: left;list-style: none;margin: 0px;padding: 0px;text-shadow:1px 1px 0px #1F1D13;}
#menu li a, #menu li a:link, #menu li a:visited {color: #b78a80;display: block;margin: 0px;padding: 0px 10px ;line-height:35px;}
#menu li a:hover, #menu li a:active {color:#fff;margin: 0px;padding: 0px 10px ;line-height:35px;text-decoration: none;}
#menu .xw-tl,#menu .xw-bl,#menu .u-menuvsep {display:none;}
#menu .xw-ml,#menu .xw-mr {margin:0;padding:0;}
#menu .xw-mc {color:#fff; font-weight: normal; float: none; margin: 0px; padding: 0px 5px ; line-height:32px; background:#310B0D; border: 0;}
#menu .u-menubody {border: 0px !important; padding: 5px 0px;}
#menu .u-menuvitem {color: #fff; padding: 0px 25px 0px 10px; line-height:32px; }
#menu .u-menuvitem span {color: #B78A80;}
#menu .u-menuitemhl {background:#3F2323 !important; color: #fff; padding: 0px 10px ; line-height:32px;}
#menu .u-menuitemhl span {color: #ffffff;}
#menu .u-menuarrow {right:6px;top:13px;background: url(/img/dizoffru_11.gif);width:4px;height:7px;overflow: hidden;}
 
 
#menu li li a, #menu li li a:link, #menu li li a:visited {width: 150px;color: #b78a80;font-weight: normal;float: none;margin: 0px;padding: 0px 10px ;line-height:32px;}
#menu li li a:hover, #menu li li a:active {color: #fff;padding: 0px 10px ;line-height:32px;}
#menu li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 170px;margin: 0px;padding: 5px;background:#310B0D;}
#menu li li {}
#menu li ul a {width: 140px;}
#menu li ul a:hover, #menu li ul a:active {}
#menu li ul ul {margin: -37px 0 0 170px;}
#menu li:hover ul ul, #menu li:hover ul ul ul,
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left: -999em;}
#menu li:hover ul, #menu li li:hover ul,
#menu li li li:hover ul, #menu li.sfhover ul,
#menu li li.sfhover ul, #menu li li li.sfhover ul {left: auto;}
#menu li:hover, #menu li.sfhover {position: static;}
 
/* TOP */
#topbar{background:url(/img/12.png);height:23px;}
#top{width:350px;}
.blogname{text-align:center;}
.blogname h1{font-size:32px;margin:20px 0px 30px 0px;}
.blogname h1 a:link, .blogname h1 a:visited{color: #BB7C35;font-family:'Trebuchet MS';}
.blogname h1 a:hover {color: #fff;}
 
/* The Search */
#search {width:350px;padding:0px 0px ;margin:0px 0px 0px 0px;height:93px;background:url(/img/13.png);}
#search form {margin: 0px 0px 0px 0px;padding: 0;}
#search fieldset {margin: 0;padding: 0;border: none;}
#search p {margin: 0;font-size: 85%;}
#s {
width:220px;margin:22px 0px 0px 15px;padding: 0px 5px;height: 32px;
font: normal 100% 'Tahoma', 'Arial', 'Helvetica';
color:#ddd;background:#1d0f11;float:left;border:1px solid #402225;display:inline;
}
#ssearch {
width:220px;margin-top: 9px;
font: normal 100% 'Tahoma', 'Arial', 'Helvetica';
color:#ddd;background:none;border:0px;display:inline;
}
#ssearch:focus {outline: none;}
div#searchsubmit{float:right;display:inline;margin:22px 15px 0px 0px;height:35px;
width:87px;background:url(/img/14.png);border:none;}
div#searchsubmit input.ssubmit{float:right;display:inline;height:35px;
width:87px;background:none;color:#fff;border:none;cursor: pointer;}
 
/* SOCIAL ICONS */
.feedlist{height:35px;margin-top:20px;}
.feedlist ul {list-style:none;margin:0px 25px;}
.feedlist ul li{float:left;margin:0px 0px;}
 
/* CONTENT */
#content{width:650px;padding:1px 0px 5px 7px;}
.post {width:590px;margin: 0px 0px 0px 3px;height:100%;color:#555;padding:10px 0px;border-bottom:1px solid #ddd;}
.post td {color: #555; text-align: left;}
 
/* LEFT */
#left{width:350px;float:left;background:url(/img/15.jpg) top left no-repeat;}
 
/* The Sidebar */
h3.sidetitl{height:50px;font-family: 'Tahoma','Century gothic', sans-serif;color:#fff;
font-size:20px;padding-top:7px;padding-left:15px;font-weight:normal;
}
.color0 {background:url(/img/16.png) no-repeat;text-shadow:1px 1px 0px #884712;}
.color1{background:url(/img/17.png) no-repeat!important;text-shadow:1px 1px 0px #005E7F!important;}
.color2{background:url(/img/18.png) no-repeat!important;text-shadow:1px 1px 0px #597F0F!important;}
.color3{background:url(/img/19.png) no-repeat!important;text-shadow:1px 1px 0px #7F0000!important;}
.sidebar{float:left;}
.sidebox {width:340px;margin:0px 0px 20px 5px;list-style:none;clear:both;color:#BC6B29;}
.sidebox ul {list-style-type: none;clear:both;}
.sidebox li{list-style-type: none;margin: 0 ;padding: 0;}
.sidebox li {line-height:18px;margin:0px 5px 0px 5px;list-style-type: none;text-shadow:1px 1px 0px #110D0C;}
.sidebox li a:link, .sidebox li a:visited {color:#826b5d;border-bottom:1px solid #000;text-decoration: none;padding: 5px 0px 5px 0px;display:block;}
.sidebox li a:hover {color: #fff;}
.sidebox .blockcontent{padding:5px 10px;color:#826b5d;}
.sidebox .blockcontent-inside {margin: 5px 10px;width: 320px;position: relative;}
.sidebox td {color: #826B5D;}
.sidebox a {color:#BC6B29;}
.sidebox a:hover{color:#fff;}
 
/* --- FOOTER --- */
#footer {padding:0px 0 0px 0px;height:110px;color:#94262a;font-size:12px;margin:0px auto;width:1000px;background:url(/img/20.jpg);}
#footer a:link , #footer a:visited{color:#94262a;}
#footer a:hover {color:#000;}
.fcred{float:right;width:600px;margin-right:30px;margin-top:10px;}
.fcred img {vertical-align: middle;}
 
/* Module Part Menu */
.catsTable {}
.catsTd {}
.catName {}
.catNameActive {}
.catNumData {}
.catDescr {}
a.catName:link {}
a.catName:visited {}
a.catName:hover {}
a.catName:active {}
a.catNameActive:link {}
a.catNameActive:visited {}
a.catNameActive:hover {}
a.catNameActive:active {}
/* ----------------- */
/* Entries Style */
.eBlock {text-align: justify;}
.eTitle, .eTitle a {font-size: 24px;color:#170f0c;text-align: left;margin-bottom: 5px;}
.eTitle a:link {}
.eTitle a:visited {}
.eTitle a:hover {color: #413530;}
.eTitle a:active {}
 
.eMessage {text-align: justify !important;}
.eText {text-align: justify !important;}
.eDetails, .eDetails1, .eDetails2 {background: #EF9C3B; padding: 5px 10px;color: #ffffff !important;font-size: 10px; margin-top: 5px;}
.eDetails {border-radius: 3px; -moz-border-radius: 3px;}
.eDetails1 {border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px;}
.eDetails2 {border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px;}
.eDetails a, .eDetails1 a, .eDetails2 a {font-size: 10px; color: #ffffff;text-decoration: underline;}
.eDetails a:hover, .eDetails1 a:hover, .eDetails2 a:hover {text-decoration: none;}
.eRating {}
.eAttach {}
/* ------------- */
 
/* Entry Manage Table */
.manTable {}
.manTdError {}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */
 
/* Comments Style */
.cAnswer {text-align: justify;}
.cBlock1 {text-align: justify;}
.cBlock2 {text-align: justify;}
.cBlock1, .cBlock2 {border: 1px dashed #bbb;padding:5px;}
.cBlock1 a, .cBlock2 a {color: #214974;}
.cMessage {text-align: justify !important;font-size: 12px;padding:5px;}
.cTop b {color: #00334f; font-weight: bold; font-size: 12px;}
.cTop span {font-size: 10px;color: #94262A;}
/* -------------- */
 
/* Comments Form Style */
.commTable {}
.commTd1 {}
.commTd2 {}
.commFl {width: 100%;}
.smiles {}
.commReg {}
.commError {}
.securityCode {}
/* ------------------- */
 
/* Archive Menu */
.archUl {}
.archLi {}
a.archLink:link {}
a.archLink:visited {}
a.archLink:hover {}
a.archLink:active {}
/* ------------ */
 
/* Archive Style */
.archiveCalendars {}
.archiveDateTitle {}
.archEntryHr {}
.archiveeTitle li {}
.archiveEntryTime {}
.archiveEntryComms {}
a.archiveDateTitleLink:link {}
a.archiveDateTitleLink:visited {}
a.archiveDateTitleLink:hover {}
a.archiveDateTitleLink:active {}
.archiveNoEntry {}
/* ------------- */
 
/* Calendar Style */
.calTable {}
.calTable td {padding: 4px 7px;}
.calMonth {}
.calWday {}
.calWdaySe {}
.calWdaySu {}
.calMday {}
.calMdayA {font-weight: bold; border: 1px dotted;}
.calMdayIs {}
.calMdayIsA {}
a.calMonthLink,a.calMdayLink {font-weight: bold;}
a.calMonthLink:hover,a.calMdayLink:hover {}
a.calMonthLink:active,a.calMdayLink:active {}
/* -------------- */
 
/* Poll styles */
.pollBut {}
 
.pollBody {}
.textResults {}
.textResultsTd {}
 
.pollNow {}
.pollNowTd {}
 
.totalVotesTable {}
.totalVotesTd {}
/* ---------- */
 
/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:#e94343;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */
 
/* Other Styles */
.replaceTable {}
 
.legendTd {}
/* ------------ */
 
/*----PAGE SWITCHES----*/
.catPages1, .catPages2 {padding: 4px 0px;}
.catPages1 *, .catPages2 * {font: 11px 'Tahoma';}
.catPages1 a, .catPages2 a {border:1px solid #bfbfbf; color:#009aef; margin-right:1px;
padding:3px 7px; text-align:center; text-decoration:none;
}
.catPages1 b, .catPages2 b {border:1px solid #ef2700; color:#ef2700; margin-right:1px;
padding:3px 7px; text-align:center; text-decoration:none;
}
.catPages1 a:hover, .catPages2 a:hover {border:1px solid #000000;}
/*-------------------*/
 
 
/*--------------------- Forum start ---------------------*/
.forumContent { margin: 0px 30px 0px 10px;font-size:11px;}
.forumContent td { color: #6d6d6d; font-size:12px;}
.forumContent a { color: #6d6d6d;}
.forumContent a:hover { text-decoration: underline;}
.forumContent table td {border-collapse: collapse;font-size: 11px;}
.gTable, .postTable { background: #dcdbe0;}
.gTable td { background: #ffffff; border: 1px solid #cccccc;}
.postTable td { border-collapse: collapse; border: 1px solid #efefef;}
.gTable td.gTableTop { font: 14px/28px 'Tahoma'; color: #feffff; text-transform: uppercase; padding: 0px 10px; background: #6d6d6d;}
.gTableTop a { color: #feffff;}
.gTableTop a:hover {}
.gTable td.gTableSubTop { background: #cccccc; color: #6d6d6d;}
.gTableSubTop a { color: #6d6d6d;}
.gTableTop, .gTableSubTop, .forumNameTd, .forumThreadTd, .forumPosrTd, .forumLastPostTd, .threadNametd, .threadPostTd, .threadAuthTd, .threadViewTd, .threadLastPostTd, td.threadsDetails, td.forumOnlineBar { padding: 3px 10px;}
#frM6 td, #frM14 td, #frM50 td, #frM56 td, #frM59 td {padding: 3px 10px;}
.postBottom table td {border: 0px;}
.postTable td {padding: 3px 10px;}
.postSeparator {display: none;}
.posttdMessage {text-align: justify;}
.threadPostTd, .threadViewTd, .threadAuthTd, .forumThreadTd, .forumPostTd {text-align: center !important;}
a.TopSortLink {}
a.TopSortLink:hover {}
a.postUser {font-weight: bold;}
a.forum, a.threadLink {font: 12px 'Arial';}
.forumDescr, .threadDescr {font: 10px 'Arial';}
td.postTdTop {background: #cccccc; color: #ffffff;}
td.postTdTop a {color: #ffffff;}
td.forumIcoTd, td.forumThreadTd, td.forumPostTd, td.gTableRight, td.threadIcoTd, td.threadPostTd, td.threadViewTd { background: #f5f5f5;}
td.pollQuestion, .pollResults td, td.pollResults, td.pollTotal, td.pollAnswer, td.pollButtons, .smiles td{ border: 0px;}
td.pagesInfo, td.switch, td.switchActive {background: #ffffff; border: 1px solid #dcdbe0; padding-left: 5px; padding-right: 5px;}
td.switch, td.switchActive { background: #6d6d6d; color: #ffffff;}
td.switch a {color: #ffffff;}
.switchActive {font-weight: bold;}
.smiles td {padding: 2px 5px !important;}
/*--------------------- Forum end ---------------------*/
 
/*--------------------- INPUTS start ---------------------*/
input[type=submit], input[type=reset], input[type=button] {
border: 1px solid #383131; background: #212123; color: #fff !important; cursor: pointer;font-family: 'Tahoma';font-size: 12px;
}
select {border: 1px solid #383131;font-family: 'Tahoma';color: #555555;font-size: 12px;}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {background: #414144;}
input[type=submit]:active, input[type=reset]:active, input[type=button]:active {background: #79797c;}
input[type=text], input[type=password], textarea {background: #fff; border: 1px solid #ddd; color: #555;font-family: 'Tahoma';}
#mchatBtn, input.codeButtons, input.button {padding-left: 0px;padding-right: 0px;}
input.codeButtons {margin-bottom: 1px;font-size: 12px;}
.queryField {width: auto !important;}
input.loginField {border: 0 none !important;}
/*--------------------- INPUTS end ---------------------*/
 
/*--------------------- POPUP start ---------------------*/
.popup a {}
.popup {margin: 10px; background: #fbfbfb;-moz-border-radius: 5px;border-radius: 5px;color: #5d5d5d;padding-bottom: 1px;}
.popuptitle {font-weight: bold; text-align: center; text-transform: uppercase;padding: 5px 0px;
 border-bottom: 1px solid #cccccc;background: #e1e1e1;color: #424242;
}
.popupbody {margin: 10px;}
/*--------------------- POPUP end ---------------------*/
/*--------------------- SLIDER ---------------------*/
#slideshow{background:none repeat scroll 0 0 #FFF;display:block;height:370px;margin:0 auto;padding:10 20px;width:920px}
.theme-default .nivoSlider{background:url("/img/loading.gif") no-repeat scroll 50% 50% #FFF;box-shadow:0 1px 5px 0 #4A4A4A;margin-bottom:30px;position:relative}
.theme-default .nivoSlider img{display:none;left:0;position:absolute;top:0}
.theme-default .nivoSlider a{border:0 none;display:block}
.theme-default .nivo-controlNav{bottom:-28px;left:50%;margin-left:-40px;position:absolute}
.theme-default .nivo-controlNav a{background:url("/img/bullets.png") no-repeat scroll 0 0 transparent;border:0 none;display:block;float:left;height:22px;margin-right:3px;text-indent:-9999px;width:22px}
.theme-default .nivo-controlNav a.active{background-position:0 -22px}
.theme-default .nivo-directionNav a{background:url("/img/arrows.png") no-repeat scroll 0 0 transparent;border:0 none;display:block;height:30px;text-indent:-9999px;width:30px}
.theme-default a.nivo-nextNav{background-position:-30px 0;right:15px}
.theme-default a.nivo-prevNav{left:15px}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif}
.theme-default .nivo-caption a{border-bottom:1px dotted #FFF;color:#FFF}
.theme-default .nivo-caption a:hover{color:#FFF}
.nivoSlider{position:relative}
.nivoSlider img{left:0;position:absolute;top:0}
.nivoSlider a.nivo-imageLink{border:0 none;display:none;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:6}
.nivo-slice{display:block;height:100%;position:absolute;z-index:5}
.nivo-box{display:block;position:absolute;z-index:5}
.nivo-caption{background:none repeat scroll 0 0 #000;bottom:0;color:#FFF;left:0;opacity:0.8;position:absolute;width:100%;z-index:8}
.nivo-caption p{margin:0;padding:5px}
.nivo-caption a{display:inline !important}
.nivo-html-caption{display:none}
.nivo-directionNav a{cursor:pointer;position:absolute;top:45%;z-index:9}
.nivo-prevNav{left:0}
.nivo-nextNav{right:0}
.nivo-controlNav a{cursor:pointer;position:relative;z-index:9}
.nivo-controlNav a.active{font-weight:bold}
/*--------------------- end SLIDER ---------------------*/
Добавлено через 1 минуту
Цитата Сообщение от dolte Посмотреть сообщение
position: fixed;
не могу понят, это Вы к чему?
0
Человек
 Аватар для dolte
331 / 205 / 63
Регистрация: 04.02.2013
Сообщений: 1,223
27.02.2013, 13:04
Цитата Сообщение от buldozerbr Посмотреть сообщение
не могу понят, это Вы к чему?
я выше написал параметры фиксации, их в css к нужному элементу прикручивай.
0
 Аватар для buldozerbr
0 / 0 / 0
Регистрация: 24.01.2013
Сообщений: 36
27.02.2013, 22:05  [ТС]
Цитата Сообщение от dolte Посмотреть сообщение
я выше написал параметры фиксации, их в css к нужному элементу прикручивай.
Спасибо, но не помогло!
0
 Аватар для buldozerbr
0 / 0 / 0
Регистрация: 24.01.2013
Сообщений: 36
07.03.2013, 11:26  [ТС]
может кто то поможет,очень нужно, не знаю что делать?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
07.03.2013, 11:26
Помогаю со студенческими работами здесь

Зафиксировать масштаб страницы или как пересчитывать автоматически в css относительно масштаба
Здравствуйте! Появилась огромная проблема. Сайт полностью написан на html5, код полностью чист и без ошибок, но при масштабировании сайта...

Зафиксировать и прижать к низу браузера
Доброго времени суток! Я новичек в этом деле, нашел интересную панель, только не могу разобраться как её зафиксировать и прижать к низу...

Как зафиксировать элемент по отношению к определенной точке фона?
Подскажите решение: надо логотип всегда держать на уровне моря. Фон у меня background-size: cover; Как этого добиться с учетом...

Как на javascript зафиксировать элемент относительно вертикальной прокрутки
Всем доброго времени суток. Заранее извиняюсь за столь нубский вопрос. Нужно сделать так, чтобы блок div имеющий шину 1200 мог...

Зафиксировать размер QGraphicsItem относительно QGraphicsScene (QChart)
Добрый вечер. Заранее всех благодарю за ответы и излагаю свою проблему. Есть график, основанный на QChart. Я желаю на него добавить...


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

Или воспользуйтесь поиском по форуму:
15
Ответ Создать тему
Новые блоги и статьи
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
влияние грибов на сукцессию
anaschu 26.01.2026
Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru