CSS ２カラムの可変

解決済

質問者：okogedesuga
質問日時：2014/02/27 18:44
回答数：2件

画像のような方法はありますでしょうか？
宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： ORUKA1951
回答日時：2014/02/27 18:57

普通にwidth:autoでよいです。

- 0
- 件

通報する

この回答へのお礼

ORUKA1951　様

width:autoで出来ました。
今まで使った事が無かったので、思いつきませんでした(´-｀;)

No.2もご丁寧にありがとうございました。

通報する

お礼日時：2014/02/28 09:02

No.2

回答者： ORUKA1951
回答日時：2014/02/27 20:12

簡単なサンプル

★タブは＿に置換してあるので戻す。
★HTML5のときは<div class="header"></div>などはそれぞれ<header></header>になる。
★Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html# )
　でチェック済みのHTML4.01strict+CSS2.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
＿<title>サンプル</title>
＿<meta name="author" content="ORUKA1951">
＿<meta http-equiv="Content-Style-Type" content="text/css">
＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
＿<link rel="START" href="../index.html">
＿<style type="text/css">

＿</style>
</head>
<body>
＿<div class="header">
＿＿<h1>タイトル</h1>
＿＿<p>このページでは・・・・</p>
＿</div>
＿<div class="section">
＿＿<h2>見出し</h2>
＿＿<p>・・・</p>
＿＿<div class="section">
＿＿＿<h3>見出し</h3>
＿＿＿<p>記事</p>
＿＿</div>
＿＿<div class="nav">
＿＿＿<ol>
＿＿＿＿<li>リスト</li>
＿＿＿＿<li>リスト</li>
＿＿＿＿<li>リスト</li>
＿＿＿</ol>
＿＿</div>
＿</div>
＿<div class="footer">
＿＿<h2>文書情報</h2>
＿＿<dl class="documentHistry">
＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt>
＿＿＿<dd>2013-02-27</dd>
＿＿</dl>
＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address>
＿</div>
</body>
</html>