css 좀 봐주세요. 정보
css 좀 봐주세요.
본문
첨부된 이미지에 보면 빨간 상자가 IE7 에서 이상하게 보입니다.
IE8, FF, Chrome 에선 정상적으로 보이는데요.
왜 IE7 에서 아래로 붙었는지 모르겠네요.
<div id="mmenu" style="position: relative;height:20px; border: 1px solid silver;">
<span class="button black small"><input type="button" id="add_folder" value="폴더추가" /></span>
<span class="button black small"><input type="button" id="add_default" value="파일추가" /></span>
<span class="button black small"><input type="button" id="rename" value="이름변경" /></span>
<span class="button black small"><input type="button" id="remove" value="삭제" /></span>
<span class="button black small"><input type="button" id="cut" value="잘라내기" /></span>
<span class="button black small"><input type="button" id="copy" value="복사" /></span>
<span class="button black small"><input type="button" id="paste" value="붙여넣기" /></span>
<div style="position: relative; float: right; border: 1px solid red; display:block;">
<input type="text" id="text" value="" />
<span class="button black small"><input type="button" id="search" value="검색" /></span>
<span class="button black small"><input type="button" id="clear_search" value="정리" /></span>
</div>
</div>
답변 주시면 감사하겠습니다. ^^;
참고하셔여~
http://jquery.shunter.kr/test/test17.php
IE8, FF, Chrome 에선 정상적으로 보이는데요.
왜 IE7 에서 아래로 붙었는지 모르겠네요.
<div id="mmenu" style="position: relative;height:20px; border: 1px solid silver;">
<span class="button black small"><input type="button" id="add_folder" value="폴더추가" /></span>
<span class="button black small"><input type="button" id="add_default" value="파일추가" /></span>
<span class="button black small"><input type="button" id="rename" value="이름변경" /></span>
<span class="button black small"><input type="button" id="remove" value="삭제" /></span>
<span class="button black small"><input type="button" id="cut" value="잘라내기" /></span>
<span class="button black small"><input type="button" id="copy" value="복사" /></span>
<span class="button black small"><input type="button" id="paste" value="붙여넣기" /></span>
<div style="position: relative; float: right; border: 1px solid red; display:block;">
<input type="text" id="text" value="" />
<span class="button black small"><input type="button" id="search" value="검색" /></span>
<span class="button black small"><input type="button" id="clear_search" value="정리" /></span>
</div>
</div>
답변 주시면 감사하겠습니다. ^^;
참고하셔여~
http://jquery.shunter.kr/test/test17.php
댓글 전체
왼쪽 버튼들 묶어서 float:left; 시켜버리세요 -_-
-_-;;
난 뭔가햇네...ㅋㅋ 보짱님말대로 span 7개 그걸 div로 묶어주심됩니다 ㅋㅋ
<div id="mmenu" style="position:relative; height:35px; border: 1px solid silver;">
<div style="float:left;">
<input type="button" id="add_folder" value="폴더추가" />
<input type="button" id="add_default" value="파일추가" />
<input type="button" id="rename" value="이름변경" />
<input type="button" id="remove" value="삭제" />
<input type="button" id="cut" value="잘라내기" />
<input type="button" id="copy" value="복사" />
<input type="button" id="paste" value="붙여넣기" />
</div>
<div style="position: relative; float: right; width: 300px; border: 1px red solid; ">
.
.
.
일케여~
난 뭔가햇네...ㅋㅋ 보짱님말대로 span 7개 그걸 div로 묶어주심됩니다 ㅋㅋ
<div id="mmenu" style="position:relative; height:35px; border: 1px solid silver;">
<div style="float:left;">
<input type="button" id="add_folder" value="폴더추가" />
<input type="button" id="add_default" value="파일추가" />
<input type="button" id="rename" value="이름변경" />
<input type="button" id="remove" value="삭제" />
<input type="button" id="cut" value="잘라내기" />
<input type="button" id="copy" value="복사" />
<input type="button" id="paste" value="붙여넣기" />
</div>
<div style="position: relative; float: right; width: 300px; border: 1px red solid; ">
.
.
.
일케여~
우왕ㅋ굳ㅋ 왜 전 그런 생각을 못했을까여?
ㅎㅎㅎ
친절한 답변 감사합니다 ^^;
ㅎㅎㅎ
친절한 답변 감사합니다 ^^;