h1/h1테그와 나란히 정렬하기 문제
유1혹
그림과 같이 1. 페이지 제목과 2. 페이지경로롤 나란히 배치하려고 하는데요
01 번 부분을 h1/h1으로 감싸니 경로부분이 아래로 떨어지자나요. 한줄에 나란히 코딩하는 좋은 방법이 없을까요?
현재 아래와 같이 하면 위아래 두줄로 나와버리네요.
style type=text/css
h1 { float:left; width:675px; height:20px; text-align:left;color :#000000; background:url(../images/bullet_title.gif) no-repeat 0 50%; padding-left:22px; font-size:14px; border-bottom:solid 1px #666666; }
.where_bg{ float:left; width:300px; height:20px; text-align:right; border-bottom:solid 1px #666666; }
/style
div style=width:685px; padding:15px 0 0 0;
h1회원가입현황/h1
div id=where_bgimg src=../images/bullet_where.gif width=3 height=3 align=absmiddle /span class=font_11 HOME /spanspan class=font_11_bold 회원가입현황/span/div
/div
-
핫와인
감싸고 있는 div크기가 width:685px로 정해주셨는데,
그 안에 있는 h1의 크기는 675px고, #where_bg의 크기는 300px이 잖아요. 합이 975px로 685px을 넘으니까 아래도 내려가는 겁니다. 넓이값을 조절해 보세요. -
별햇님
아이디로 where_bg를 사용해서 스타일 잡으신거면 .가 아니라 #로 바꾸세요.
-
빛길
style type=\text/css\
h1 {width:675px; height:20px;color :#000000; background:url(../images/bullet_title.gif) no-repeat top 50%; padding-left:22px; font-size:14px;
border-bottom:solid 1px #666666; }
#where_bg{ position: absolute; top: 15px; right: 0px; -
레오
1. 내려가면 넓이 값
2. 올라가면 float가 clear안된문제
3. IE에서상하가버러지면 vertical-align:top;등 -
꽃겨울
정말 감사합니다^^ 잘되네요