« 
 »
12月 26 2009

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

投稿者: admin, カテゴリ: HTML・CSS
投稿日: 2009.12.26 - 03:35
更新日: 2011.09.18 - 00:02 
<!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 に投稿され、HTML・CSS 以下にファイルされています。 あなたは RSS 2.0 フィードを通してこのエントリへのレスポンスを取得することが可能です。 あなたはこの記事に対しコメントすることが可能です。また、あなたのサイトからトラックバックを送ることも可能です。 (TEST-4: 1166 )

コメントする

Spam protection by WP Captcha-Free

すべての企業名および製品名は、関連するそれぞれの企業の商標である場合があります。