Q&A > HTML/SCRIPT Q&A

HOME > Q&A > HTML/SCRIPT Q&A

Install

DIV, CSS, IE와 FF에서 다르게 보이는 문제점..
글쓴이	TP™순수	날 짜	07-02-26 15:43	조 회	924
<style> div.zBox { position:absolute; margin:0px auto; padding:3px; border:1px solid; } </style> <div class="zBox" style="width:150px; top:3pt; left:3pt; border-color:#cccccc;"> 좌측 </div> <div class="zBox" style="width:700px; top:3pt; left:125pt; border-color:#cccccc;"> 메인 </div> 이렇게 되어있습니다. 첫째, 좌측의 width가 150px 인대도 불구하고 메인의 div left값을 150으로 하면 엄청나게 떨어져 보인다는 점. (125정도 하니까 FF에서 생각대로 보여짐 - IE에선 너무 떨어져보임) 둘째, 왜 동일한 값으로 설정이 되어있대도 불구하고 IE와 FF에서 좌측과 메인의 DIV 간격이 맞지 않는지요? 위 설정대로 했을경우 8px 정도 IE가 더 떨어져 보입니다. ㅠ.ㅠ 자세한 설명 좀 해주세요 -0-; IE랑 FF에서 제대로 보이게 함 만들어 볼랬더니 시간이 이전의 몇천배는 더 드는것 같습니다 orz...

칼솜 07-02-26 15:52

IE에서는 margin:-8px 하면 될겁니다.
그런데 브라우저에 따라 CSS를 달리 할 수 있는지 의구심이 듭니다.

TP™순수 07-02-26 15:54

제 질문의 요점은 CSS를 변경하여 IE와 FF에서 동일하게 보일 수 있도록 할 수 있는 방법을 묻는것인데요;;

칼솜 07-02-26 16:20

없습니다.

행복한고니 07-02-26 20:45

특정 브라우저에 특정 CSS만 작용하도록 CSS Hack 을 쓰면 됩니다만... -_-;;

칼솜 07-02-27 00:01

http://www.webdevout.net/css-hacks
이거 말씀이신가요? 음.. 복잡하네 ㅡㅡ;
FF쓰면 IE 다운로드센터로 안내해 주는것이 더 좋은것 같슴다 ㅡㅡ;

공대여자 07-02-26 16:02

경험상
width,height 를 주고
margin,padding 를 주면
IE는 고정된 크기에서 변하는데
FF는 고정된 크기 +a가 되더군요.
-----=----------
그래서 꽁수로
div 속에 div에 margin과 padding 를 주는 방법을 씁니다.

iamSeeker 07-02-26 16:21

pt 에서 px 로 수정을...

덧붙여서 width는 margin, border, padding를 제외한 순수값으로 계산됩니다.
하지만 IE에서 dtd 선언 안하면 지멋대로 border/padding를 width에 포함시켜버리죠.

TP™순수 07-02-26 16:35

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

이거 선언 하나 해주니까 IE랑 FF가 동일해지네요 -0-;
아놔~ 이래서 사람이 배워야 한다니까~ ㅎㅎ
감사합니다~ (__ )

칼솜 07-02-26 17:17

저도 감사드립니다. ^^ ㅎㅎ
좋은것 배웠습니다.

헐랭이 07-02-28 15:08

가장무서운건.. 디자이너의 재림입니다.^^

게시물 50,826건

번호	제목	글쓴이	날짜	조회
	[필독사항]Q&A 게시판 규칙 [17]	커피한잔	08-10-01	15632
50,826	초보질문 입니다~ [1]	초보입문2	10-07-30	15
50,825	prototype + jquery 혼용 시 width(), height() 버그(?)	플랜액터	10-07-30	14
50,824	마우스 위치에 따라 자동으로 스크롤되는 갤러리?...	Freefreesia	10-07-30	13
50,823	이미지로 트리메뉴 만들고 싶어요~ [1]	K2ME	10-07-30	19
50,822	오픈마켓에 아이프레임으로 올렸는데 전혀 안보여요..	래비어	10-07-30	30
50,821	최근 게시글을 클릭 시 팝업으로 뜨게 하고 싶어요~~ㅠ_ㅠ [5]	컨트롤V	10-07-30	27
50,820	엔터할경우 페이지 리플레쉬 문제 [2]	punk9	10-07-30	54
50,819	table를 div로 바꿀려고 합니다. [2]	땅파는	10-07-30	62
50,818	우측으로 롤링되는 소스인데요.. 처음에 멈춰있다..버튼 클릭시.… [4]	불빛	10-07-30	39
50,817	메뉴 작성시 배경이미지가 보이지 않아서 문의드립니다. [2]	아가페	10-07-30	36
50,816	네이버 포토앨범처럼 전체화면으로 꽉맞게 실행되는 소스 부탁드… [1]	렉스루더	10-07-30	41
50,815	사진크기조정 [8]	시골아낙	10-07-30	47
50,814	황당한 css .... [3]	피카소	10-07-30	70
50,813	공백문자 처리방법 [5]	punk9	10-07-30	53
50,812	인트라넷 망에서 외부로 메일 보내기	없어용	10-07-30	32
50,811	네임값 또는 id값을 알수있는 방법이 없을까요? [1]	떠돌이이병	10-07-30	38
50,810	이소스 디폴트로 흐르는게 아니라 정지 했다가.. 화살표 누르면 …	불빛	10-07-30	35
50,809	파라미터값을 이용한 xss차단 방법 [1]	punk9	10-07-29	36
50,808	질문이 있습니다......ㅜㅜ [2]	대박윤민	10-07-29	38
50,807	라디오버튼이 사람잡는군요...ㅠㅠ [1]	Nervs	10-07-29	50

12 3 4 5 6 7 8 9 10