- ベストアンサー
ホームページの更新を引きつぐことになって
前任者はCSSも使っていたようでCSSフアイルもあります わたしはもっぱらホームページビルダーｖ14を使い CSSは学習を始めたばかりです ページは添付画像の通り3分割されていますがフレームは使っていません あるときどうしたはずみか右側の記事部分の横幅が広がって 左側目次部分の下に潜り込んでしまいました これを修正しようと横幅を指定した部分を探してみるのですが どこにどのように記述してあるのかわかりません 事情があって前任者とは連絡が取れませんので ぜひ皆様のお知恵をお借りしたく アドバイスよろしくお願いします
- okgootaro
- お礼率95% (63/66)
- ホームページ作成ソフト
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
フレームを使っていないとすれば、<DIV> or <TABLE> で Layout ？ width : を % 指定されているのでは ？ <BODY> <DIV style="width : 800px;height : 50px;top : 0px;left : 0px;position : absolute; z-index : 1; background-color : lime;" id="Layer1">ヘッダーエりア</DIV> <DIV style="width : 200px;top : 60px;left : 0px;position : absolute; z-index : 2; background-color : orange;" id="Layer2">ナビエりア</DIV> <DIV style="width : 600px;top : 60px;left : 200px;position : absolute; z-index : 2; background-color : aqua;" id="Layer2">メインエりア</DIV> </BODY> </HTML> <BODY> <TABLE border="1"> <COL span="1" width="200"> <COL span="1" width="600"> <TBODY align="center"> <TR> <TD colspan="2">ヘッダーエりア</TD> </TR> <TR> <TD>ナビエりア</TD> <TD>メインエりア</TD> </TR> </TBODY> </TABLE> </BODY> </HTML>
その他の回答 (2)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
とてもよく出来たHTMLのように見受けます。 ナビゲーションが、きちんとページの最後のほうに書かれていて、スクリーンブラウザ用に、スタイルシートで画面左上に持ってきているようです。記述順に上に重なって描画されますから、前の記事は下になる。floatではなくabsoluteで配置してありますね。 いずれにしろ、きちんと作られたページはビルダーで触ってはダメです。ビルダーがめちゃくちゃにしてしまいます。きちんとテキストエディタで開いて修正しましょう。 作業としては、HTMLを開いて必要な文言を加えたり、修正する作業になります。スタイルシートは基本的に触る必要はありません。きちんと出来ているページでしたら、誰でもどこを正せばよいかわかるはずです。(誰でもには、検索エンジンも含む) それで、お茶を濁しておいて、取り急ぎスタイルシートを学習されることをお勧めします。 ここからは想像です。 ・大きく3つのブロック要素で区切られています。 [例] <div class="wrapper"> <div class="header"> </div> <div class="section"> 本文 <div class="nav"> </div> </div> <div class="footer"> </div> </div> ・ふたつ目のブロックに本文が書かれています。 ・ふたつ目のブロックはrelativeでその中にナビゲーションが書かれている。 もしくは、それより下のstaticなブロック内にナビゲーションがある ★本文記事はmarginかpaddingでナビゲーションを左に置くだけのスペースが開けてある ・ナビゲーションはabsoluteで、表示位置に移動させている。 ★の部分のmarginか、paddingを調整すると、かぶらないように出来る。 この意味がわからないなら、勉強してください。ここで書ききれる量でも内容でもありませんが、一ヶ月も片手間で勉強すれば、すぐわかるようになります。 ホームページビルダーで、業務に耐えるサイトを構築することには、よほどHTMLやCSSに詳しくないと無理があります。あくまで趣味のページくらいしか出来ません。言い換えればテキストエディタで作成する人より、より深い知識が必要と言うことです。
お礼
ありがとうございました
- naokita
- ベストアンサー率57% (1008/1745)
HTML側で設定してある記事枠のセレクタをCSSファイルから探すって事ですよ。 ----------- ウェブ制作の方法は、無限にあるのだから その制作方法によって対処方法も無限にあります。 そのウェブサイトのソースを見る事が出来ないと何もわかりません。 この質問だけでは探せるわけが無いですよ・・・ 今、探す事が出来るのは、質問者さんだけです。 自分で、 その記事枠を探してwidthを設置するか、大外枠を広げるか？ または、 分かる人や業者にサイトを検証してもらうしかないのでは？ ソースを見る事が出来れば、数分で解決するはずです・・・
お礼
ありがとうございました
お礼
ありがとうございました いただいたアドバイスから閃いて 意識的に右側部分を広げてどこが変わったかHTMLを見てみると <div class="main" に続けて style="width:956px;" が追加されていました よくわかりませんがぼんやり明かりが見えたような気がします ありがとうございました