ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / при уменьшении окна браузера, содержимое уходит за его пределы css
18 сообщений из 18, страница 1 из 1
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126679
Godj
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Godj
Гость
Здравствуйте форумчане, проблема такая:
при уменьшении окна браузера, содержимое уходит за его пределы влево, без полос для прокрутки,
подскажите, как сделать так что бы это содержимое было видно...

Код: html
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.
	html { height: 100%;}
	body {  position:relative;
		min-height:100%;
		margin:0;
		left:50%;
		margin-left: -512px;
	}
	#header{
		min-width:1024px;
		height:0px;
	}
	#footer {
		min-width:1024px;
		height:50px;
	}
	#content {
		width:1024px;
		padding-bottom: 100px;
		margin: 0 auto';	}
	#footer {
		position:absolute;
		bottom:0;
		width:1024;

		background:#3ff;		
	}
...
Рейтинг: 0 / 0
28.01.2013, 08:51
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126722
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Предлагаете угадать html-разметку, к которой относятся эти стили?
...
Рейтинг: 0 / 0
28.01.2013, 09:49
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126766
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
margin-left: -512px;
...
Рейтинг: 0 / 0
28.01.2013, 10:27
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126819
Godj
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Godj
Гость
Малыхин Сергей,

я конечно понимаю что благодаря этому свойству содержимое уходит за пределы браузера, но может быть это можно как то предотвратить?...
...
Рейтинг: 0 / 0
28.01.2013, 10:57
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126827
Godj
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Godj
Гость
Antonariy,

я всего лишь около недели назад сел все это осваивать, и не совсем понимаю о чем сейчас идет речь %)
но могу предположить что Вы спрашиваете CSS это или что то другое... это CSS...
...
Рейтинг: 0 / 0
28.01.2013, 11:00
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126849
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Малыхин Сергейmargin-left: -512px;
К тому же у body. Даже думать не хочу о том, что из этого получится.
...
Рейтинг: 0 / 0
28.01.2013, 11:08
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126851
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Godj я конечно понимаю что благодаря этому свойству содержимое уходит за пределы браузера, но может быть это можно как то предотвратить?...Удалить его не пробовали?
Godjя всего лишь около недели назад сел все это осваивать, и не совсем понимаю о чем сейчас идет речь %) Я о том, что любой вопрос о том, что что-то не так отображается в html/css должен сопровождаться кодом и html и css. Лишь по одному из них сказать что-то конкретное невозможно.
...
Рейтинг: 0 / 0
28.01.2013, 11:09
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126881
Godj
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Godj
Гость
полный код

Код: html
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.
<html>
<head>
<title>  заголовок </title>
<style type="text/css">
	html { height: 100%;}
	body {  position:relative;
		min-height:100%;
		margin:0;
		left:50%;
		margin-left: -512px;
	}
	#header{
		min-width:1024px;
		height:0px;
	}
	#footer {
		min-width:1024px;
		height:50px;
	}
	#content {
		width:1024px;
		padding-bottom: 100px;
		margin: 0 auto';	}
	#footer {
		position:absolute;
		bottom:0;
		width:1024;

		background:#3ff;		
	}
</style>


</head>
<body text="#000000" bgcolor="#ffffff" link="#ffffff" alink="#ff0000" vlink="#ffffff">
<div id="header"></div>
<div id="content">
	таблица с текстом и парой картинок
</div>
	
<div id="footer">футер</div>	


</body>
</html>




а если убрать margin-left: -512px; то страница будет отображаться с середины экрана
...
Рейтинг: 0 / 0
28.01.2013, 11:19
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126904
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Логично, ей же left:50% проставлен.
...
Рейтинг: 0 / 0
28.01.2013, 11:30
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126916
Godj
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Godj
Гость
AntonariyЛогично, ей же left:50% проставлен.

но если и left:50% и margin-left: -512px; убрать, не будет тогда центрирования...а оно мне нужно...
...
Рейтинг: 0 / 0
28.01.2013, 11:35
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126941
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Навскидку:
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
* {margin:0;padding:0}
html, body {width:100%;height:100%}
body {text-align:center}

#header, #content, #footer {display:inline-block; width:1024px; text-align:left}

#header {height:0px;} /* заголовок нулевой высоты?  O_o */
#footer {height:50px;position:absolute} /*делать min-width и width одинаковыми бессмысленно*/
#content {padding-bottom: 100px;}
...
Рейтинг: 0 / 0
28.01.2013, 11:45
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126946
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Про bottom забыл:
Код: css
1.
#footer {height:50px;position:absolute;bottom:0}
...
Рейтинг: 0 / 0
28.01.2013, 11:47
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38126960
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Godjя всего лишь около недели назад сел все это осваивать, и не совсем понимаю о чем сейчас идет речь %)
Тогда тебе поможет это
http://csstemplater.com/
...
Рейтинг: 0 / 0
28.01.2013, 11:52
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38127068
Godj
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Godj
Гость
AntonariyНавскидку:
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
* {margin:0;padding:0}
html, body {width:100%;height:100%}
body {text-align:center}

#header, #content, #footer {display:inline-block; width:1024px; text-align:left}

#header {height:0px;} /* заголовок нулевой высоты?  O_o */
#footer {height:50px;position:absolute} /*делать min-width и width одинаковыми бессмысленно*/
#content {padding-bottom: 100px;}



вот все хорошо только футер вправо уезжает, не могу понять почему..
...
Рейтинг: 0 / 0
28.01.2013, 12:39
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38127140
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Можно завернуть футер еще в один див.
Код: css
1.
2.
#ftwrap {position:absolute; bottom:0;width:100%;height:50px;}
#footer {height:100%}

Код: html
1.
2.
3.
<div id="ftwrap">
    <div id="footer">футер</div>	
</div>
...
Рейтинг: 0 / 0
28.01.2013, 13:13
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38127141
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
А лучше разобрать примеры, генерируемые csstemplater.com
...
Рейтинг: 0 / 0
28.01.2013, 13:14
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38127148
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Godjпочему..Потому что position:absolute. Такие элементы выравниваются по верхнему левому углу, а не размерам.
...
Рейтинг: 0 / 0
28.01.2013, 13:16
| Ответить | Цитировать | Написать  
при уменьшении окна браузера, содержимое уходит за его пределы css
    #38127197
Godj
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Godj
Гость
Antonariy, спасибо огромнейшее за помощь!
...
Рейтинг: 0 / 0
28.01.2013, 13:39
| Ответить | Цитировать | Написать  
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / при уменьшении окна браузера, содержимое уходит за его пределы css
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38126766&tid=1448803]:
 0ms
get settings:
 7ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 166ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 65ms
get tp. blocked users:
 2ms
others: 250ms
total:  519ms
созд. / загр.: 519ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]