![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
ページレイアウトは、トップ(タイトルバナー)・左(メニュー)・右(メインコンテンツ)・ボトムといった構造です。
Fireworksで全体のイメージを切り出してからDREAMWEAVERで制作するというスタイルなのですが、右側(メインコンテンツ)に文字や画像を挿入すると左側のメニューが、メインコンテンツの文字や画像を挿入したことにより、余白が生まれ縦に伸びてしまいます。
左メニューのセル高さが絶対に崩れない方法をご存知でしたらご教授お願いいたします。
No.3ベストアンサー
- 回答日時:
もしかして、テーブルを使ってHPを作成されていますでしょうか?
以前テーブルでトップやメニューなどのコンテンツを作成した時に、画像が入っているセルの長さに合わせて、他のセルが伸びてしまったことがあります。テーブルをもしお使いでしたら、テーブルの中にテーブルを入れる、いわゆる入れ子のようにしてはどうでしょうか?
例えば、
トップと左メニュー、メイン、ボトムに分けたテーブルを作成し、トップはそのままで、左メニューに更にテーブル、メインに更にテーブルと、別々のテーブルを別に作ることで、伸びることはなくなると思います。
見当違いの答えでしたら、すみません。
No.2
- 回答日時:
右側(メインコンテンツ)に文字や画像を挿入すると左側のメニューが、メインコンテンツの文字や画像を挿入したことにより、余白が生まれ縦に伸びてしまいます。
>>文章を何回読んでも、この意味がよく理解できません。そのために、もしかしたら、と思う部分について書きます。(当たっていない場合もあるかと思います。)
**
これが、CSSの適用範囲の問題であれば、
左側メニューのCSSの適用と右側のコンテンツのCSSの適用が混同していると右側で指定したつもりが、左側に適用されてしまって左側のレイアウトが崩れることになりますので、CSSをお使いにある場合は、右側と左側で明らかに異なるように、ネストさせて記述した方がいいと思います。
<div id="left">
<ul id="nav">
*****</ul>
<img src="" />
</div>
<div id="right">
<img src="" />
</div>
これを
#left img{}
#right img{}
であればいいのですが、
img{}
では、右側にも左側にもおなじCSSが適用されてしまいレイアウトが崩れる原因になります。
No.1
- 回答日時:
右側のコンテンツに文字や画像の内容が入ると
左側のメニューに「余白が生まれ縦に伸びる」??
右は伸びるけど左は伸びてないからボトム(フッターですかね)との間に余白が出来てるんですよね?
考え方としてはコンテンツとメニューで背景を分けないで
両方を包むブロックの背景にコンテンツとメニューの縦リピートの画像を指定するとかなんですけど
右のコンテンツ部分にheightつけてoverflowさせればスクロールバーがでて高さ固定できるだろうし。
構造によって作り方は変わるので、これ以上はなんともいえないです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- gooブログ ブログの行間を狭くする方法 1 2023/05/26 13:06
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- Word(ワード) Wordで行間が勝手に空いてしまう 6 2023/01/09 06:03
- その他(Microsoft Office) セルの文を上書きせずに、別の文を挿入する方法 1 2023/08/04 11:19
- Excel(エクセル) ある数値に対して、値を返す数式についてです 2 2022/09/13 22:06
- Word(ワード) ワード。長い四角の中に文字を体裁良く入力するには。 2 2022/09/24 14:19
- デスクトップパソコン PCでファイルを右ドラッグして出てくるメニューの編集方法を教えて下さい 2 2023/01/17 13:31
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- AJAX ワードでA3横の画面にして、文字入力はA4縦にしたい 1 2023/05/04 13:59
- WordPress(ワードプレス) ワードプレスで記事を書くスペースの横幅を広げたいです。 1 2022/09/24 18:16
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<tbody>は何のためにあるんでし...
-
Excel2007枠線が出ない(>_<)
-
htmlでテーブル内にテキストボ...
-
CSSのtransform: translate(-50...
-
エクセルでサイズに合ったもの...
-
ホームページビルダーでセルの...
-
Excel で等間隔で縦線を引きた...
-
INPUT TEXT内の文字位置を指定...
-
なぜ左に寄っているの?
-
HTMLフォームのSELECTの幅を一...
-
トートバッグの大きさで W300(2...
-
【ホームページビルダー】表の...
-
表の中に表
-
ワードで、横書きの数字を縦書...
-
table内で画像と文字をセンター...
-
ホームページビルダーの表の枠...
-
Excelの列や行の幅を表示...
-
illustratorの単位について
-
エクセルで一部分のセルの高さ...
-
最近のWebサイトの横幅と、他サ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<tbody>は何のためにあるんでし...
-
ホームページビルダーで、画面...
-
挿入した文字に枠をつけたい
-
ビルダーで中央揃え
-
HTMLで枠の角を丸くするのは??
-
テーブル枠の外側の赤い枠?
-
css focus時のハイライト枠
-
htmlテーブルがずれる
-
レイアウトテーブルとレイヤー...
-
ホームページを作るときの段取...
-
DREAMWEAVERでホームページを制...
-
こんなレイアウトを作りたいの...
-
DreamWeaver4 プレビューが崩...
-
DW 罫線を極細にする方法 教え...
-
ホームページ全体の画像、デザ...
-
css の「border」に関して
-
ホームページビルダー10で、...
-
このような真ん中の色を変えるH...
-
テーブル内のテキストが右寄り
-
Excel2007枠線が出ない(>_<)
おすすめ情報