css2008/04/24 14:00

ie6 에서 min-width 지정하기

ie6 에서 min-width 사용하기

1. expression 사용

2. css만 사용

<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title> min-width in Internet Explorer - fixed </title>

/* for all browsers that understand min-width */
.container {position:relative; width:100%; min-width:800px;}
.holder {display:block; color:#000;border:1px solid #000}

/* method 1 a bodge for IE5.5 and IE6 browsers */
* html .container {border-right:800px solid #fff;}
* html .holder {display:inline-block; position:relative; margin-right:-800px;}
</style>
<link rel="stylesheet" type="text/css" href="http://s1.daumcdn.net/cfs.tistory/v/111130102906/blog/style/menubar.css"/></head>

<body>
<h1 style="position:relative; z-index:100;"><b class="css">CSS</b><span class="play">play</span></h1>
<h2>experiments with Cascading Style Sheets</h2>

<h3 class="norm">by Stu Nicholls</h3>
<h1>method 1</h1>
<div class="container">
	<div class="holder">

<h3>this is the first of two ways that I have found to emulate true min-width in IE and uses an inline-block, a border-width and a negative margin (NO javascript).</h3>

</div>
</div>

__pageTracker.__setTitle("Uistory :: ie6 에서 min-width 지정하기");
	__pageTracker.__addParam("svcdomain","user.tistory.com");
	__pageTracker.__addParam("category","");
	__pageTracker.__addParam("articleno","6");
	__pageTracker.__addParam("date","2008-04-24 14:00:59");
	__pageTracker.__addParam("author","coreadesign");
	__pageTracker.__addParam("length ","2413");
	__pageTracker.__addParam("isauthor","N");
	__pageTracker.__addParam("ishidden","1");
	__pageTracker.__addParam("comments","4");
	__pageTracker.__addParam("param1","0");
	__pageTracker.__addParam("param2","e");
	__pageTracker.__addParam("param3","");

window.setTimeout("try { __pageTracker.__trackPageview(\"http://coreadesign.tistory.com/entry/ie6-%EC%97%90%EC%84%9C-min-width-%EC%A7%80%EC%A0%95%ED%95%98%EA%B8%B0\"); } catch(e) {}", 1);
//]]>-->
</script></body>
</html>

출처 : http://www.cssplay.co.uk

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

Posted by na1dung

TAG HTML, min-width

Trackback 0 Comment 4

«이전 1 ... 16 17 18 19 20 21 22 23 24 ... 32 다음»

티스토리 툴바

Uistory

ie6 에서 min-width 지정하기

ie6 에서 min-width 사용하기

1. expression 사용

2. css만 사용

TRACKBACK http://coreadesign.tistory.com/trackback/6

카테고리

공지사항

태그목록

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

달력

« » 2012.03
일	월	화	수	목	금	토
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31