묻고답하기
헤더부분 로고위치는 우찌조정하나요~
2013.06.05 09:58
그림같이 레이아웃을 잡았는데
헤더 div 안에 로고를 넣었는데...(헤더랑 풋부분은 100%입니다 가로길이가)
<div id="header"><ul class="logo">
<li style="padding-left:400px;"><a href="주소" title=""><img src="주소" width="216px" height="50px" /></a></li>
</ul></div>
이렇게 넣었는데
그냥넣으면 왼쪽끝에 붙어서 패딩 400주었는데
제컴에서 제가원하는 로고위치에 맞았는데
다른컴에서는 중구난방이네용..
어찌해결해야될지...
그리고하나더 궁금한게 헤더부분은 fixed로 고정시켰는데 가끔 위젯같은거에는 스크롤시 고정된게 뚫고올라오던데; 방법이없을지..
댓글 6
-
KANTSOFT
2013.06.05 11:04
-
designers
2013.06.05 12:05
아 잘못올렸네요;
근데 제질문은 위치를 제가원하는위치로 옮기고싶은건데
말씀해주신것처럼 넣으면 한쪽에서만 뜨지않나요
-
KANTSOFT
2013.06.05 12:09
html이 잘못된거 같다는걸 말씀드리는거에요^^.. <li>는 리스트를 구성할때 사용하는 태그인데.. 로고 하나넣기엔 쓰임새가 맞지 않다는거에요. 단순히 div태그안에 이미지 넣고 해당 div의 margin이나 padding값만 조정하면 된다는것이죠.
위 상황에서 사용하고 싶으시다면 ul 에 padding:0;margin:0값을 일단 주신담에 잡으시면 될듯하네요,
-
designers
2013.06.05 12:56
답변감사드립니다 ㅋ
넣고 위에같이 패딩값넣으니 이상없는듯한데 다시테스트해봐야겠네용~
-
아직없는닉
2013.06.05 13:30
헤더는 style="z-index:1" 숫자 높게 입력할수록 앞으로 나옵니다
그리고 이미지 위치를 고정하시려면 logo div 부분 width:1100px;margin:0 auto; 이런식으로 먼저 고정돼야하지않을까요?
그다음에 이미지 위치를 다시 만져보시는게 어떠실지...
-
chansol
2013.06.05 14:28
묻고 답하기에 넣어도 충분하게 답변얻으실수 있을듯하네요.
일단 ul태그는 사용하지 않으셔도 될듯합니다. 로고가 리스트는 아니니까요
<div class="logo">
<img src="logo.png">
</div>