설마..... 불여우하고 익스플로러 px 단위 잘못되어있는거 아니죠. > 자유게시판

자유게시판

설마..... 불여우하고 익스플로러 px 단위 잘못되어있는거 아니죠. 정보

설마..... 불여우하고 익스플로러 px 단위 잘못되어있는거 아니죠.

본문

div 소스로 페이지를 기준으로 잡은 레이아웃을 하였습니다.
z-index 값을 넣어서 겹치게 해두었는데..

익스플로러는 창에 딱 맞게 뜨는데..
이상하게 불여우는 아래로 내려가네요...

px 단위를 이상하게 읽는건지.. 도무지 모르겠네요..^^

아시는분..

아 이홈페이지는 완벽한 웹표준이 아니에요^^

웹표준 제작할줄 알지만 귀차니즘땜시.. ㅎㅎ
추천
0
  • 복사

댓글 11개

웹표준 제작할줄 아는데... 이상하게 익스로 기준잡으면.. 다 어긋나버려요. .ㅠㅠㅠ px 단뒤에 문제가 있거나..................... 뭔가가 맞지 않은듯... 저가 style3.css 라는 css 파일을 작성하고 링크를 불러왔는데도.. 문제가 생깁니다.. ㅠㅠㅠ 빨리.. 크흑... 그리고 top:0;left:0; 이거 수정해서 좌표 맞췄습니다. ㅠㅠ 테이블을 기준으로 안잡고... 페이지를 기준으로 잡았구요 ^^ 그리고
엔피씨 님께서 말씀하신.. 레이아웃 소스보다.. 더많은 어마어마한 레이아웃소스를 보유하고있습니다.
css 파일까지 되어있는것을요.. .ㅅㅅ 1단 소스 9개 2단 소스 15개 3단 소스 13개 4단소스 13개 ^^

뭐 알아서 수정해서 써도 되요 ^^^
아, 혹시 링크 들어가시고 보신것인지는 모르겠지만...
제가 드린 링크주소는 디자인소스.. 보다는^^;;
브라우저별로 CSS를 표현하는 방식에 대한 것입니다.
(블로그의 내용을 보라고 적어야하는데 못적어서 헷갈리셨나보네요^^;; 죄송)
내컴퓨터님이 문제로 말씀하신것이 브라우저별로 px값을 다르게 표현하느냐에 대하여 답변보다는 링크를 달아둔겁니다.

그림으로 알기 쉽게 되어있기 때문에,

여기다 몇자 적어보자면,
브라우저마다 border값을 조금 다르게 표현합니다.

만약 300px 의 넓이의 테이블이 있고, 두께를 1px 더 주면,
어떤 브라우저는 넓이를 301px로 계산하고,
어떤 브라우저는 넓이를 300px로 계산합니다.

만약 300px로 계산된 것의 경우에는, 넓이를 299px로 맞추고 1px을 두깨로 잡은것도 있고,
넓이를 300px로 맞추고, 두깨인 1px을 아예 겹쳐서 표시하기도합니다.

그리고 이렇게 해서 브라우저별로 해석이 틀려지는경우에 '렌더링방식의 차이'라고 말합니다. 소스코드는 같으나 브라우저마다 렌더링방식의 차이가 있어서 발생합니다.

브라우저마다 동일하게 보이게 하기위한 css hack도 많이 있으니 우선 그것을 살펴보시면 도움이 많이 될겁니다^^
css 잘못 잡으신듯 .. 아니면 중간에 div 설정을 잘못 했거나 ..

제대로 설정 잡거나 div 및 css 만 웹표준에 가깝게 해도 익스와 파폭 다른 브라우저 거의 비슷하게 나오는데  ^^
일단 어떻게 잡았는지를 모르니 ..

소스를 한번 오려 보시는것도 근데 웹표준으로 제작할 줄 아시는데
웹표준으로 안하시고 왜 ? 웹표준으로 제작 하시면 거의 안틀어 집니다 ^^;
설마 DTD가 선언안된거아닌가요?

익스에서 맞고 파폭에서 틀어질리가...
파폭에 맞고 익스에서 틀어지면 몰라도.
나모6이 문제일수도..ㅋ
제 생각에도 border가 겉테두리냐 속테두리냐의 문제인거 같은데..
웹표준으로 제작하신건지 아님 그냥 크로스브라우징만 하시는건지..
© SIRSOFT
현재 페이지 제일 처음으로