묻고답하기
헤더로고 위치를 정확히 잡고싶은데..
2013.06.10 14:45
림같이 레이아웃을 잡았는데
헤더 div 안에 로고를 넣었는데...(헤더랑 풋부분은 100%입니다 가로길이가)
<div id="wrap" style="height:100%">
<div id="header">
<div class="logo">
<a href="" title=""><img src="aeon333.png" width="216px" height="50px" /></a></div>
</div>
이렇게 넣었는데
그냥넣으면 왼쪽끝에 붙어서 패딩 400주었는데
익스플러는 로고위치에 맞았는데
크롬에서는 옆으로 튀어나오고.
화면 사이즈에따라서 위치가 달라지네요
어찌해결해야될지...
저번에 문의글올리긴했는데..
아이프레임이면 셀나눠서 그냥 그안에 넣으면될거같은데 div이니 이걸 대체 우찌해야할지 ...
첨부 (1)
댓글 2
-
구름나무바위
2013.06.10 21:15
-
아직없는닉
2013.06.11 00:08
저번글에 댓글달았는데...
<div class="logo">부분 가로사이즈를 고정하셔야 이미지 위치도 고정이돼요
그부분이 100%면 화면따라 계속 크기가 변하니까 이미지가 계속 움직이죠
-
designers
2013.06.11 13:03
근데 컬러가들어가서 길게 뻗은형태인데 헤더부분이 100%가아니면 화면에따라서 또 이게 틀어질테니....
<div id="header>
<h1 class=logo>로고</h1>
</div>
#header{position:relative;height:100px}
#header h1{position:absolute;top:38px;left:31px}
정확하게 잡으려면 position:relative, position:absolute를 사용해야 합니다.
그러면 익스폴러로, 크롬, 파이어폭스등등 정확하게 잡힙니다.
마진과 패딩은 브러우져마다 조금씩 달라서 완벽하게 안됩니다.
그리고 로고는 h1으로 잡습니다.
꼭 이래라 하는건 없는데 표준처럼 사용되요.
height값은 알아서 주세요.