Pozitionare Div-uri

#1
green_sky8

Posted 11 April 2015 - 12:44

Junior Member

Grup: Junior Members
Posts: 37
Înscris: 14.03.2015

Incerc sa creez un header fixed si nu inteleg de ce nu se aliniaza cum trebuie. Unde gresesc?

<!DOCTYPE>
<html>
<head>
<style>
div {border:1px solid}
#antet-cont{border:none;
   width:100%;
   position:fixed;
   top:0px;
   }
#antet{ width:80%;
  height:250px;
  background:yellow;
  margin:auto}
#continut {height:200%;
   width:80%;
   margin-left:auto;
   margin-right:auto;
   margin-top:250px}
#subsol {width:80%;
  height:100px;
  background:yellow;
  bottom:0px;
  margin-left:auto;
  margin-right:auto}

</style>
</head>
<body>
<div id="antet-cont">
<div id="antet"> Antet </div>
</div>
<div id="continut"> Continut </div>
<div id="subsol">  Subsol </div>
</body>
</html>

Attached Files

div.png 6.88K 25 downloads

Edited by OriginalCopy, 11 April 2015 - 12:47.

Back to top

#2
rid

Posted 11 April 2015 - 13:04

Senior Member

Grup: Senior Members
Posts: 3,785
Înscris: 23.02.2006

Tre` sa`i dai la containerul mama position:relative.

Back to top

#3
green_sky8

Posted 11 April 2015 - 13:58

Junior Member

Grup: Junior Members
Posts: 37
Înscris: 14.03.2015

rid, on 11 aprilie 2015 - 13:04, said:

Tre` sa`i dai la containerul mama position:relative.

Daca ii pun relative se aliniaza perfect, dar nu mai e fixed !

Back to top

#4
dani.user

Posted 11 April 2015 - 14:09

Guru Member

Grup: Senior Members
Posts: 30,235
Înscris: 24.02.2007

Ce intelegi prin fixed?
Vrei cumva absolute?

Back to top

#5
green_sky8

Posted 11 April 2015 - 14:20

Junior Member

Grup: Junior Members
Posts: 37
Înscris: 14.03.2015

dani.user, on 11 aprilie 2015 - 14:09, said:

Ce intelegi prin fixed?
Vrei cumva absolute?

Vreau ca atunci cand dau scroll headerul sa ramana fix !

Back to top

#6
Ekey06

Posted 19 April 2015 - 16:01

New Member

Grup: Junior Members
Posts: 3
Înscris: 19.04.2015

Ia de aici!

<!DOCTYPE>
<html>
<head>
<style>
div {border:1px solid}
#antet-cont {
  border: none;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
}
.antet {
  width: 79%;
  height: 250px;
  background: yellow;
  margin: auto;
}
#continut {
  height: 200%;
  margin-top: 250px;
}
#subsol {
  height: 100px;
  background: yellow;
}
#container {
  border: 0;
  width: 80%;
  margin: 0 auto;
}
.tabel{
border:0;
}
</style>
</head>
<body>
<div id="container">
<div id="antet-cont">
<div class="antet"> Antet </div>
</div>
<div id="continut"> Continut</div>
<div id="subsol">  Subsol </div>
</div>
</body>
</html>

Back to top

Anunturi

Bun venit pe Forumul Softpedia!

Pozitionare Div-uri

#1 green_sky8 Posted 11 April 2015 - 12:44

Attached Files

#2 rid Posted 11 April 2015 - 13:04

#3 green_sky8 Posted 11 April 2015 - 13:58

#4 dani.user Posted 11 April 2015 - 14:09

#5 green_sky8 Posted 11 April 2015 - 14:20

#6 Ekey06 Posted 19 April 2015 - 16:01

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
green_sky8

Posted 11 April 2015 - 12:44

#2
rid

Posted 11 April 2015 - 13:04

#3
green_sky8

Posted 11 April 2015 - 13:58

#4
dani.user

Posted 11 April 2015 - 14:09

#5
green_sky8

Posted 11 April 2015 - 14:20

#6
Ekey06

Posted 19 April 2015 - 16:01