Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Большой отступ сверху header'a / 9 сообщений из 9, страница 1 из 1
11.07.2013, 22:33
    #38328763
moskov199
moskov199
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Большой отступ сверху header'a
Господа подскажите как убрать большой отсту сверху 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
| Ответить | Цитировать | Написать  
12.07.2013, 09:59
    #38328839
mhx
mhx
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Большой отступ сверху header'a
ie5-6
Омг, вы некрофил?
ЗЫ. ie6 пользуются верстальщики, которые считают, что им кто-то пользуется
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.07.2013, 10:30
    #38328874
moskov199
moskov199
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Большой отступ сверху header'a
mhxie5-6
Омг, вы некрофил?
ЗЫ. ie6 пользуются верстальщики, которые считают, что им кто-то пользуется


Уважаемый mhx, к сожалению, есть отдельные индивидумы кторые пользуются ie6, вот из-за этого у меня все проблемы с версткой)))). Поэтому если есть возможность, я бы хотел ее решить)))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.07.2013, 10:44
    #38328907
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Большой отступ сверху header'a
Если ты так хочешь использовать ИЕ6 и иметь унифицированные стили, то тебе прийдется отказаться от тэгов HTML5, в частности, от header, и заменить его на div.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.07.2013, 11:03
    #38328956
moskov199
moskov199
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Большой отступ сверху header'a
IDVsbruck, ясно)))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.07.2013, 13:18
    #38329267
moskov199
moskov199
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Большой отступ сверху header'a
Почему-то получилось заданием hedar свойства display:inline-block. Интересно, почему?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.07.2013, 13:34
    #38329301
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Большой отступ сверху header'a
moskov199Почему-то получилось заданием hedar свойства display:inline-block. Интересно, почему?
Данная фраза и вопрос непонятны.
В ИЕ6 нет inline-block, он воспринимается просто как inline.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.07.2013, 21:38
    #38329999
deblogger
deblogger
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Большой отступ сверху header'a
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
| Ответить | Цитировать | Написать  
14.07.2013, 13:12
    #38330491
moskov199
moskov199
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Большой отступ сверху header'a
deblogger, списиб), дельную вещь сказал), насчет border))
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Большой отступ сверху header'a / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 444ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1448127]:
 0ms
get settings:
 8ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 137ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 52ms
get tp. blocked users:
 1ms
others: 216ms
total:  444ms
x
x
Закрыть


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