pc.casey.jp » CSSでDIV２カラム、クロスブラウザ対応

12月 26 2009

CSSでDIV２カラム、クロスブラウザ対応

投稿者: admin, カテゴリ: CSS, tags: CSS
投稿日: 2009.12.26 - 03:35
更新日: (更新なし)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<!-- IE8/Webkit/Gecko tested ok! -->

<style type="text/css">

<!--

#wrapper{
	margin-left: auto;
	margin-right: auto;
	padding:0;
	background:#efefef;
	width:950px;
	overflow:auto;
}
#content{
	background-color:#efefef;
	width:475px;
	_width:950px;
	border-right:475px solid #e79221;
	margin-right:-475px;
	float:left;
}
#rightbox{
	background-color:#e79221;
	width:475px;
	float:left;
}
-->
</style>
<body>
<div id="wrapper">

	<div id="content">
	  <p>本文</p>
	  <p>1</p>
	  <p>2</p>
	</div>

	<div id="rightbox">
	  <p>本文</p>
	  <p>1</p>
	  <p>2</p>
	  <p>3</p>
	</div>

</div>
</body>
</html>

◆関連記事

このエントリは 2009 12月 26 03:35 に投稿され、CSS 以下にファイルされています。あなたは RSS 2.0 フィードを通してこのエントリへのレスポンスを取得することが可能です。あなたはこの記事に対しコメントすることが可能です。また、あなたのサイトからトラックバックを送ることも可能です。

コメントする