ページレイアウトは、トップ(タイトルバナー)・左(メニュー)・右(メインコンテンツ)・ボトムといった構造です。
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>は何のためにあるんでし...
-
ホームページ全体の画像、デザ...
-
ドリームウェーバーのテーブル...
-
css focus時のハイライト枠
-
htmlでテーブル内にテキストボ...
-
エクセルでサイズに合ったもの...
-
エクセルでサイズ指定でPOP...
-
CSSのtransform: translate(-50...
-
インラインフレームの表示位置...
-
バーコードのサイズは拡大縮小...
-
Excelの列や行の幅を表示...
-
ホームページビルダーで表の列...
-
HTMLフォームのSELECTの幅を一...
-
ie8とCSSとマウスオーバーで何...
-
.ホームページビルダーVer.12...
-
Excel で等間隔で縦線を引きた...
-
指定時間になったら、WEBサイト...
-
パソコンでランドルト環の作成...
-
エクセルの行の幅がずれる
-
Microsoft1Officeの互換ソフト...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<tbody>は何のためにあるんでし...
-
ホームページビルダーで、画面...
-
挿入した文字に枠をつけたい
-
HTMLで枠の角を丸くするのは??
-
ホームページを作るときの段取...
-
エクセルでサイズに合ったもの...
-
htmlでテーブル内にテキストボ...
-
CSSのtransform: translate(-50...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズ指定でPOP...
-
Excel セルの幅が合わない
-
PDFへてのテキストボックスにて...
-
table内で画像と文字をセンター...
-
Excelの列や行の幅を表示...
-
バーコードのサイズは拡大縮小...
-
ホームページビルダー7で、表...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
指定時間になったら、WEBサイト...
-
HTMLフォームのSELECTの幅を一...
おすすめ情報