2カラムレスポンシブwebを、1カラムレスポンシブwebにカスタマイズする方法
.
HTMLやCSSに慣れている方なら、簡単なことなのかもしれませんが、初心者なのでよくわかりません。
.
よろしくお願いします。
.
.
.
1カラムレスポンシブwebにカスタマイズするというのは、2カラムレスポンシブwebのサイドバーを削除して、2カラムレスポンシブwebの文章や記事が書いてあるコンテンツエリア(テキストエリア?)を、その分拡大するという意味です。
.
細かいデザインは変えないで、大枠だけを変えたいと思っています。
.
画像は使わないので、考える必要はありません。
.
.
.
たとえば、
.
このテンプレート
http://template-party.com/template/tp_biz33/tp_biz33_green01.zip/
http://template-party.com/temp_responsive_biz.html
.
を
.
このテンプレート
http://www.coolwebwindow.com/html5/template/src/HTML5_001/index.html
.
みたいに、1カラムレスポンシブwebにカスタマイズするには、どうすればよいでしょうか?
.
よく見る典型的な2カラムテンプレートの構造になって気がしますが、初心者のためよくわかりません。
.
<div id="sub">を削除して、
<div id="main">をギリギリまで横に引き伸ばして、
<h2>無料テンプレートのご利用前に必ずお読み下さい</h2>もギリギリまで横に引き伸ばして、
.
というようにやっていけばよい気がしますが、よくわかりません。うまくできません。
.
慣れている方なら、何か所かちょっといじればいいだけのような気がしますが・・・
.
HTMLやCSSのどこを修正すればよいのか、教えて頂けないでしょうか?
.
よろしくお願いします。
.
<body>
<div id="container">
<header>
<nav id="menubar">
<div id="contents">
<aside id="mainimg">
<div id="main">
<div id="sub">
<p id="pagetop">
</div>
</div>
<footer>
</body>
みんなの回答 1 件
メインコンテンツの横幅を100%指定にする。
サブコンテンツ〔サブの方のカラム〕は
下に落とす
関連するトピックス