ff 6

크로스브라우징 input 박스

input 박스에는 여러가지가 있습니다. (라디오,체크박스,텍스트박스등) 여기에서 라디오 박스와 체크박스는 IE와 타브라우저에서 외곽여백의 차이가 있습니다. 이런경우를 잘모르는 웹디자이너 같은 경우 무조건 자기디자인 데로 해달라고 요구하곤하죠.. 그것도 익스에만 맞춰달라면서...참피곤한 경우죠. 물론 디자이너 입장에서는 그게 정답이고, 퍼블리셔 입장에서 맞춰주는것도 해야할일중에 하나일수는 있습니다. 그래서 협업이 중요한거 같습니다. 여튼 이럴때 해결방법입니다. 먼저 소스를 살펴보겠습니다. 테스트 위와 같은 소스를 출력하면 다음과 같습니다. 익스와 파폭,사파리는 기본적으로 4px 이라는 외곽여백이 존재하며, 오페라는 3px 여백이 있었습니다. 세로여백은 top 라인에서 익스는 2px, 파폭과 사파리는 3p..

Web story/Html 2009.04.15

[버그리포트] FF3와 FF2의 float속성에 의한 차이점

지난 18일 여러가지 향상된 기능(자바스크립트의 구동속도 향상, 스마트 주소창, 피싱보호 기능 추가….)들을 갖추고 FF3의 정식버전이 릴리즈 되었습니다. 아래는 float속성을 지닌 div의 하위에 float속성을 가진 div가 위치하였을 경우 FF3와 FF2의 차이점에 대하여 정리하였습니다. 위의 소스를 보시면 parent의 div안에 child div가 양쪽 으로 float 속성을 가지며 놓여 있을 경우 parent부모의 표현이 FF2와 FF3에 차이점이 생겼더군요 아래와 같이 표현 되는 브라우저는 저희가 지원하고 있는 IE계열 모든 버전의 브라우저(5.5, 6.0, 7.0)와 FF2에서 아래와 같이 보여지게 됩니다. 그리고 아래와 같이 표현 되는 브라우저는 FF3와 Opera(test versio..

Web story/Web 2008.08.27
반응형