Ошибки в коде,съезжают блоки

@Ванеек · Регистрация: 21.12.2012

Author24 — интернет-сервис помощи студентам

Привет,блин ставлю у блока head position:fixed;
и вся верстка кувырком)
вот код:

HTML5

<html>
<head>
<title>Test test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="head">
<div class="logom">
</div>
<div class="s">
 
</div>
</div>
 
<div class="kak">
ijiiuihuhuuhu
nujujnbuubububu
ujhuhuhuubub
</div>  
           
</div>
<hr>
<div class="linkak">
ijiiuihuhuuhu
nujujnbuubububu
ujhuhuhuubub
</div> 
 
</body>
</html>

А вот стили

CSS

body{
margin:0;
background:#fff;
}
.head{
margin-top:0px;
width:700px;
height:59px;
background:#ccc;
position:fixed;
box-shadow: 0px 0px 7px #777;
-moz-box-shadow: 0px 0px 7px #777; 
-webkit-box-shadow: 0px 0px 7px #777; 
z-index:2;
}
.s{
margin-top:5px;
margin-left:140px;
position:fixed;
background:#fff;
width:417px;
height:20px;
border:1px solid #000; 
}
.s:hover{
margin-top:5px;
margin-left:140px;
position:fixed;
background:#fff;
width:417px;
height:20px;
border:1px solid #000; 
}
.kak{
height:60px;
width:530px;
margin-top:70px;
margin-left:140px;
position:absolute;
z-index:1;
}
.linkak{
height:70px;
width:530px;
margin-top:10px;
margin-left:140px;
position:absolute;
background:#fff;
}
.logom{
width:135px;
height:57px;
margin-top:0px;
margin-left:1px;
position:absolute;
}

просто хочется ,чтобы див head был прилеплен к верху экрана,а ставлю fixed ему,блоки kak и linkak, под него едут,подмогите решить?никак не доеду.

@EPMAK · 06.03.2013, 20:45

HTML5

</div>  
           
</div>  <-- мэйби, лишний закрывющий тег?
<hr>

@Ванеек · 06.03.2013, 20:48 **[ТС]**

Не помогло(

@EPMAK · 06.03.2013, 20:55

Сообщение от Ванеек

под него едут,подмогите решить?н

^^^так и должно быть.^^^

может по другому задачу сформулируешь, м? Моя ,не понимать твоя

просто опиши, что куда там едет не так.

@Ванеек · 06.03.2013, 21:07 **[ТС]**

Сообщение от Ванеек

просто хочется ,чтобы див head был прилеплен к верху экрана,а ставлю fixed ему,блоки kak и linkak, под него едут,подмогите решить?

Вот,что надо,просто там еще будет контент после блоков head /kak/linkak,при прокрутке надо,чтобы див хеад был зфиксирован сверху,пытаюсь сделать все съезжает,подмогите))

@EPMAK · 06.03.2013, 21:16

}{орошо, подмогу.
Див .head фиксирован в данном коде. Может нужно чтобы kak и linkak не заезжали под .head !?

@Ванеек · 06.03.2013, 21:17 **[ТС]**

Сообщение от EPMAK

Див .head фиксирован в данном коде. Может нужно чтобы kak и linkak не заезжали под .head !?

Ну)))да))

@EPMAK · 06.03.2013, 21:24

тогда убери все ->>

CSS

1	position:fixed;

@Ванеек · 06.03.2013, 21:31 **[ТС]**

Сообщение от EPMAK

тогда убери все ->>
Код CSS
1
*position:fixed;

А где именно?мне просто надо,чтобы блок s,при прокрутке внутри блока head был

@EPMAK · 06.03.2013, 21:37

Да можно их все кокнуть, хуже небудет

@Ванеек · 06.03.2013, 21:42 **[ТС]**

Сообщение от EPMAK

Да можно их все кокнуть, хуже небудет

Но тогда хеад,фиксированным не будет

Добавлено через 14 секунд

Сообщение от EPMAK

Да можно их все кокнуть, хуже небудет

Но тогда хеад,фиксированным не будет

Добавлено через 1 минуту
и не поедет при прокрутке

@EPMAK · 06.03.2013, 21:45

коллапс.

@Ванеек · 06.03.2013, 21:47 **[ТС]**

Сообщение от EPMAK

коллапс.

Это точно))

@EPMAK · 06.03.2013, 21:51

_

@Necit36 · 19.03.2013, 22:11

Убери

CSS

1	position:fixed

и поставь

CSS

1	background-attachment: fixed

@Ванеек 68 / 68 / 1 Регистрация: 21.12.2012 Сообщений: 458
	06.03.2013, 20:48 [ТС]	3
	Не помогло( 0

@EPMAK tribal dance 168 / 156 / 36 Регистрация: 03.09.2009 Сообщений: 820 Записей в блоге: 17
	06.03.2013, 20:55	4
	Сообщение от Ванеек под него едут,подмогите решить?н ^^^так и должно быть.^^^ может по другому задачу сформулируешь, м? Моя ,не понимать твоя просто опиши, что куда там едет не так. 1

@Ванеек 68 / 68 / 1 Регистрация: 21.12.2012 Сообщений: 458
	06.03.2013, 21:07 [ТС]	5
	Сообщение от Ванеек просто хочется ,чтобы див head был прилеплен к верху экрана,а ставлю fixed ему,блоки kak и linkak, под него едут,подмогите решить? Вот,что надо,просто там еще будет контент после блоков head /kak/linkak,при прокрутке надо,чтобы див хеад был зфиксирован сверху,пытаюсь сделать все съезжает,подмогите)) 1

@EPMAK tribal dance 168 / 156 / 36 Регистрация: 03.09.2009 Сообщений: 820 Записей в блоге: 17
	06.03.2013, 21:16	6
	}{орошо, подмогу. Див .head фиксирован в данном коде. Может нужно чтобы kak и linkak не заезжали под .head !? 0

@Ванеек 68 / 68 / 1 Регистрация: 21.12.2012 Сообщений: 458
	06.03.2013, 21:17 [ТС]	7
	Сообщение от EPMAK Див .head фиксирован в данном коде. Может нужно чтобы kak и linkak не заезжали под .head !? Ну)))да)) 0

@Ванеек 68 / 68 / 1 Регистрация: 21.12.2012 Сообщений: 458
	06.03.2013, 21:31 [ТС]	9
	Сообщение от EPMAK тогда убери все ->> Код CSS 1 *position:fixed; А где именно?мне просто надо,чтобы блок s,при прокрутке внутри блока head был 1

@EPMAK tribal dance 168 / 156 / 36 Регистрация: 03.09.2009 Сообщений: 820 Записей в блоге: 17
	06.03.2013, 21:37	10
	Да можно их все кокнуть, хуже небудет 0

@Ванеек 68 / 68 / 1 Регистрация: 21.12.2012 Сообщений: 458
	06.03.2013, 21:42 [ТС]	11
	Сообщение от EPMAK Да можно их все кокнуть, хуже небудет Но тогда хеад,фиксированным не будет Добавлено через 14 секунд Сообщение от EPMAK Да можно их все кокнуть, хуже небудет Но тогда хеад,фиксированным не будет Добавлено через 1 минуту и не поедет при прокрутке 0

@EPMAK tribal dance 168 / 156 / 36 Регистрация: 03.09.2009 Сообщений: 820 Записей в блоге: 17
	06.03.2013, 21:45	12
	коллапс. 0

@Ванеек 68 / 68 / 1 Регистрация: 21.12.2012 Сообщений: 458
	06.03.2013, 21:47 [ТС]	13
	Сообщение от EPMAK коллапс. Это точно)) 1

	19.03.2013, 22:11

@EPMAK tribal dance 168 / 156 / 36 Регистрация: 03.09.2009 Сообщений: 820 Записей в блоге: 17
	06.03.2013, 21:51	14
	_ 0