ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Большой отступ сверху header'a
9 сообщений из 9, страница 1 из 1
Большой отступ сверху header'a
    #38328763
moskov199
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
moskov199
Гость
Господа подскажите как убрать большой отсту сверху header'a в ie7-9 и в opere и chrom и в лисе.Пробовал с помощью margin:-27px, но header уплывает в ie5-6, народ как исправить?
Код: 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.
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.
body
{
margin:0;
padding:0;
text-align:center;
background-image:url(image/img.gif);
height:auto;
}

html
{
	margin:0;
	padding:0;
}


header nav ul li, footer ul li
{
display:inline;
margin:0;
list-style:none;

}

#left
{
	width:250px;
	height:auto;
	float:left;
	background-color:#FFC;
	display:block;
}

#left ul li
{
	list-style:none;
	
}

footer
{
	
	background-color:#6FF;
	clear:both;
	padding:10px;
	height:100px;
	display:block;
}

#post
{
	background-color:#3CF;
	margin-left:250px;
	padding:15px;	
}

#header
{
	background-color:#0F0;
	width:960px;
	height:150px;
}

.info
{
	background-color:#FCF;
	margin-top:-20px;
	display:block;
	height:100%;
}


#conteiner
{
	width:960px;
	height:auto;
	margin:0 auto 0;
	display:block;
	background-color:#FFC;
}

header
{
	display:block;
}

section
{
	display:block;
}

h1
{
	padding:15px;
}


<!DOCTYPE html>
	<html lang="en-US">
	    <head>
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			<link rel="stylesheet" href="style.css" type="text/css">
			<script src="javascript/jquery-2.0.2.min.js" type="text/javascript"></script>
            <script src="javascript/script.js" type="text/javascript"></script>
			<title>Моя страница</title>
		<!--[if lt IE 9]>
			<script type="text/javascript">
				document.createElement("nav");
				document.createElement("header");
				document.createElement("footer");
				document.createElement("section");
				document.createElement("article");
			</script>
		<![endif]-->
		</head>
		<body>
        <div id="conteiner">
			<header id="header">
				<h1>Моя страница</h1>
				<nav>
					<ul>
						<li><a href="/">Домашняя страница</a></li>
						<li><a href="/">Ссылка №2</a></li>
						<li><a href="/">Ссылка №3</a></li>
						<li><a href="/">Ccылка №4</a></li>
					</ul>
				</nav>
			</header>       
         <section id="left">
				<nav>
					<ul>
						<li><a href="/">Ссылка №1</a></li>
						<li><a href="/">Ссылка №2</a></li>
						<li><a href="/">Ссылка №3</a></li>
						<li><a href="/">Ссылка №4</a></li>
					</ul>
			  </nav>
		  </section>
			<section id="post">
              <header class="info"> 
						<h2>Заголовок поста</h2>
						<p>Время добавления</p>
                    </header>
                          <p>я Информация</p>


                          <header class="info"> 
						<h2>Заголовок поста</h2>
						<p>Время добавления</p>
                    </header>
                        <p>Информация </p>



		  </section>
			<footer>
			  <p>Copyright © 2013</p>
				<nav>
					<ul>
						<li><a href="/">Ссылка №1</a></li>
						<li><a href="/">Ссылка №2</a></li>
						<li><a href="/">Ссылка №3</a></li>
						<li><a href="/">Ссылка №4</a></li>
				  </ul>
				</nav>
        
		    </footer>
        </div>
		</body>
	</html>
...
Рейтинг: 0 / 0
11.07.2013, 22:33
| Ответить | Цитировать | Написать  
Большой отступ сверху header'a
    #38328839
mhx
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mhx
Гость
ie5-6
Омг, вы некрофил?
ЗЫ. ie6 пользуются верстальщики, которые считают, что им кто-то пользуется
...
Рейтинг: 0 / 0
12.07.2013, 09:59
| Ответить | Цитировать | Написать  
Большой отступ сверху header'a
    #38328874
moskov199
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
moskov199
Гость
mhxie5-6
Омг, вы некрофил?
ЗЫ. ie6 пользуются верстальщики, которые считают, что им кто-то пользуется


Уважаемый mhx, к сожалению, есть отдельные индивидумы кторые пользуются ie6, вот из-за этого у меня все проблемы с версткой)))). Поэтому если есть возможность, я бы хотел ее решить)))
...
Рейтинг: 0 / 0
12.07.2013, 10:30
| Ответить | Цитировать | Написать  
Большой отступ сверху header'a
    #38328907
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Если ты так хочешь использовать ИЕ6 и иметь унифицированные стили, то тебе прийдется отказаться от тэгов HTML5, в частности, от header, и заменить его на div.
...
Рейтинг: 0 / 0
12.07.2013, 10:44
| Ответить | Цитировать | Написать  
Большой отступ сверху header'a
    #38328956
moskov199
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
moskov199
Гость
IDVsbruck, ясно)))
...
Рейтинг: 0 / 0
12.07.2013, 11:03
| Ответить | Цитировать | Написать  
Большой отступ сверху header'a
    #38329267
moskov199
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
moskov199
Гость
Почему-то получилось заданием hedar свойства display:inline-block. Интересно, почему?
...
Рейтинг: 0 / 0
12.07.2013, 13:18
| Ответить | Цитировать | Написать  
Большой отступ сверху header'a
    #38329301
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
moskov199Почему-то получилось заданием hedar свойства display:inline-block. Интересно, почему?
Данная фраза и вопрос непонятны.
В ИЕ6 нет inline-block, он воспринимается просто как inline.
...
Рейтинг: 0 / 0
12.07.2013, 13:34
| Ответить | Цитировать | Написать  
Большой отступ сверху header'a
    #38329999
deblogger
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
deblogger
Участник
moskov199Уважаемый mhx, к сожалению, есть отдельные индивидумы

Вдруг есть индивидуум, не менее отдельный который юзает православный досовый браузер. Подумайте о нем. Как он горько заплачет посетив ваш прелестный сайт.

Еле-елементы надо обводить, а не раскрашивать для визуализации. Заливка мало что дает, да еще и закрывает все остальное.

Пользуясь случаем поделюсь, может кто не знает.

Возникла проблема с цсс - напишите в любом месте
div {border: 1px solid red}

Не увидели где косяк?

td {border: 1px solid cyan}

опять не видно? Добавляем

li {border: 1px solid purple}

F5, не найдено?

p {border: 1px solid lightgreen}
span {border: 1px solid blue}

и так далее пока не разберетесь кто кому мешает.
...
Рейтинг: 0 / 0
12.07.2013, 21:38
| Ответить | Цитировать | Написать  
Большой отступ сверху header'a
    #38330491
moskov199
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
moskov199
Гость
deblogger, списиб), дельную вещь сказал), насчет border))
...
Рейтинг: 0 / 0
14.07.2013, 13:12
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Большой отступ сверху header'a
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38328874&tid=1448127]:
 0ms
get settings:
 8ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 151ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 55ms
get tp. blocked users:
 1ms
others: 237ms
total:  482ms
созд. / загр.: 482ms
x
x
Закрыть


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