테두리 위치 - 작동하지 않습니다.

Question

CSS :

.poziomy a{ 
    font-family: 'Open Sans', sans-serif; 
    font-size: 23px; 
    fotnt-weight: 400; 
    text-decoration: none; 
    overflow: hidden; 
    border-style: dashed; 
    color: #1a1a1a; 
    padding-top: 10px; 
    padding-left: 70px; 
    padding-right: 70px; 
    padding-bottom: 10px; 
    z-index: 1100; 

} 

.poziomy a:hover{ 
    font-family: 'Open Sans', sans-serif; 
    font-size: 23px; 
    fotnt-weight: 400; 
    text-decoration: none; 
    overflow: hidden; 
    color: #00bca4; 
    border-style: dashed; 
    padding-top: 10px; 
    padding-left: 71px; 
    padding-right: 71px; 
    padding-bottom: 10px; 
    z-index: 1100; 
} 

#poziom1{ 
    top: 2100px; 
    left: 20%; 
    width: 300px; 
    height: 100px; 
} 

HTML :

<div id="poziom1" class="poziomy"> 
<a href="http://www.google.pl"> Poziom 1 
</a></div> 

이 사업부는 정상에 표시되지 않습니다 : 2100px하지만 다른 곳에서 나는에 wnat 해달라고 사이트의 중간에있다. 이유를 모르겠다.

누군가 변경하거나 아이디어를 얻을 수 있습니까?

Answer 1

그의 position 값을 설정할 수 있습니다. 사용

position: absolute; 

그래서 당신은

#poziom1{ 
    top: 2100px; 
    left: 20%; 
    width: 300px; 
    height: 100px; 
    position: absolute; 
} 

추신으로 끝날 것 fotnt-weight : 400; font-weight : 400이어야합니다. 그것의 당신의 코드 x2

Answer 2

div : 위치를 추가해야합니다.

당신은 DIV의 부모가 position:relative 규칙이 있는지 확인하고 position:absolute에 사업부를 설정해야

position: absolute; 

Answer 3

http://jsfiddle.net/FnKrV/를 참조하십시오. 당신은 항상 고정하도록하려는 경우에는 fixed

Answer 4

#poziom1 { 
    top: 2100px; 
    left: 20%; 
    width: 300px; 
    height: 100px; 
    position: absolute; 
} 

당신은 상대 또는 절대로 이동하고 싶은의 위치를 ​​변경해야

http://jsfiddle.net/mX4E5/1/