Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / при уменьшении окна браузера, содержимое уходит за его пределы css / 18 сообщений из 18, страница 1 из 1
28.01.2013, 08:51
    #38126679
Godj
Godj
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
при уменьшении окна браузера, содержимое уходит за его пределы css
Здравствуйте форумчане, проблема такая:
при уменьшении окна браузера, содержимое уходит за его пределы влево, без полос для прокрутки,
подскажите, как сделать так что бы это содержимое было видно...

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

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

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

Код: 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:30
    #38126904
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
при уменьшении окна браузера, содержимое уходит за его пределы css
Логично, ей же left:50% проставлен.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.01.2013, 11:35
    #38126916
Godj
Godj
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
при уменьшении окна браузера, содержимое уходит за его пределы css
AntonariyЛогично, ей же left:50% проставлен.

но если и left:50% и margin-left: -512px; убрать, не будет тогда центрирования...а оно мне нужно...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.01.2013, 11:45
    #38126941
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
при уменьшении окна браузера, содержимое уходит за его пределы css
Навскидку:
Код: 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:47
    #38126946
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
при уменьшении окна браузера, содержимое уходит за его пределы css
Про bottom забыл:
Код: css
1.
#footer {height:50px;position:absolute;bottom:0}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.01.2013, 11:52
    #38126960
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
при уменьшении окна браузера, содержимое уходит за его пределы css
Godjя всего лишь около недели назад сел все это осваивать, и не совсем понимаю о чем сейчас идет речь %)
Тогда тебе поможет это
http://csstemplater.com/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.01.2013, 12:39
    #38127068
Godj
Godj
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
при уменьшении окна браузера, содержимое уходит за его пределы css
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, 13:13
    #38127140
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
при уменьшении окна браузера, содержимое уходит за его пределы css
Можно завернуть футер еще в один див.
Код: 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:14
    #38127141
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
при уменьшении окна браузера, содержимое уходит за его пределы css
А лучше разобрать примеры, генерируемые csstemplater.com
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.01.2013, 13:16
    #38127148
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
при уменьшении окна браузера, содержимое уходит за его пределы css
Godjпочему..Потому что position:absolute. Такие элементы выравниваются по верхнему левому углу, а не размерам.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.01.2013, 13:39
    #38127197
Godj
Godj
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
при уменьшении окна браузера, содержимое уходит за его пределы css
Antonariy, спасибо огромнейшее за помощь!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / при уменьшении окна браузера, содержимое уходит за его пределы css / 18 сообщений из 18, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 443ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1448803]:
 0ms
get settings:
 6ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 129ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 66ms
get tp. blocked users:
 2ms
others: 212ms
total:  443ms
x
x
Закрыть


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