PR

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

<!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>

コメント

タイトルとURLをコピーしました