SPAN의 STYLE이 파이어폭스에서는 안먹히나요? > 그누4 질문답변

08.04.15 19:03:53

padding을 사용해보세요~ 대신 ie에서는 크기값+패딩값이 되구요~
ie핵을 쓰시든지 아니면 크기값을 고려해서 padding값을 줘보세요ㅋ

.span1{padding-right:10px;}

마냐 홈페이지 자기소개 아이디로 검색 회원게시물

08.04.15 19:13:59

답변감사합니다. (__)
그런데 PADDING으로 하면..
사이의 공간만 벌어지고 INPUT이 일자로 정렬이 안되거든요.

음.. 다른 방법을 찾아야 겠어요. 음..

08.04.15 19:14:34

아~;; padding값을 주니깐 ie에서도 width값이 적용안되네요~ㅎ

08.04.15 19:16:10

일자정렬은 input에 스타일 지정해주시면 될거예요~;;

input style="vertical-align:middle" 요렇게요~

마냐 홈페이지 자기소개 아이디로 검색 회원게시물

08.04.15 19:37:17

음;; 제가 원하는 일자정렬은 이런거죠.

http://tested.kr/css.jpg

span에 width값만 들어가줘도 저렇게 IE에서는 깔끔하게 나오는데
파폭에서보면 엉망.. ㅡ_ㅡa 으아아아0ㅏㄴ0ㅏㅂㅈ0ㄷㅇ

엑스엠엘 자기소개 아이디로 검색 회원게시물

08.04.15 20:07:57

block element가 아닌 inline elment인 <span에서는

크기(width)를 지정하지 않도록 되어 있습니다(http://www.w3.org/TR/CSS1#width)

IE에서만 되는 거죠.

엑스엠엘 자기소개 아이디로 검색 회원게시물

08.04.15 20:10:10

text-align:justfy
이게 그 역할을 하는 것이긴 합니다만.......

유아원 홈페이지 자기소개 아이디로 검색 회원게시물

08.04.15 20:24:05

흠... 그 일자정렬이었군요~;;
제가 아는 짧은 지식으로는 어떻게 해야되는지 모르겠네요~

굳이 span을 사용안해도 된다면
그냥 table을 사용하시는게 더 좋을거 같네요~^^;;

꼬~옥 써야 된다면 위치지정하는 복잡한 방법이 있을거 같지만요~ㅎ

08.04.15 20:25:30

.span1 {width:100px;}

불여시가 좀 예민합니다.

08.04.15 20:45:47

음... 아래처럼 하면 되긴 되네요~;;

<style type='text/css'>
.span1{margin-top:5px;} //여긴 실수~~ㅋ 적용안되요~ㅎ
.uu{width:300px;}
.uu li{list-style:none; width:300px; height:25px; position:relative; border:1px solid green;}
.uu li input{position:absolute; right:0;}
</style>

<div>
<ul class="uu">
<li><span class="span1">제목</span><input name=1 type=text></li>
<li><span class="span1">제목제목</span><input name=1 type=text></li>
<li><span class="span1">제목제목제목제목</span><input name=1 type=text></li>
</ul>
</div>

수평정렬이 하기 힘들것 같긴 하지만요~ㅎ

그냥 위에 청춘불안정님이 작성하신 소스 추천요~ㅋ

마냐 홈페이지 자기소개 아이디로 검색 회원게시물