CSS2 브라우저별 border 설정에 따른 디자인 테스트 고려사항

황제낙엽 2012.08.28 21:35 조회 수 : 96

sitelink1  
sitelink2  
sitelink3  
sitelink4  
extra_vars5  
extra_vars6  

<INDEX>

1. 보더 경계

1.1. 색상이 다른 경우

1.2. 두께가 다른 경우  

2. 보더 렌더링

3. 보더와 padding, margin 의 관계

4. 테스트 조건


<BROWSER>

1. WinXP Pro (IE6)

- IE6

- Safari.3.2.2

- Firefox.3.6.17

- Opera.9.0

- Chrome.5.0.307


2. WinXP Pro (IE7)

- IE7

- Safari.4.0.3

- Firefox.4.0.1

- Opera.10.00

- Chrome.9.0.597


3. WinXP Pro (IE8)

- IE8

- Safari.5.0.5

- Opera.11.00

- Chrome.11.0.696


<DOCTYPE>

1. HTML 4.01

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

2. XHTML 1.0

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

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

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

3. XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


<REFERENCES>

http://song4u.info/238

http://celestarry.egloos.com/3595172

http://denjang4u.limelight.or.kr/entry/Internet-Explorer-6-7IE-Fire-FoxFF-%EA%B0%84%EC%9D%98-box%EB%AA%A8%EB%8D%B8-%EB%B9%84%EA%B5%90

http://boochim.net/tag/%EB%A0%8C%EB%8D%94%EB%A7%81

http://sulfur.pe.kr/web/web002.html

http://html.nhncorp.com/blog/1770

http://jugug.net/entry/test-html-css-border

이 게시물을
목록
쓰기 태그