No.3ベストアンサー
- 回答日時:
どのようなすばらしいオーサリングツールを使おうと、HTMLやCSSを知ってなきゃ無理です。
というか、手書で作成する人以上に理解してないと使いこなせません。floatを指定している部分をすべて、position:relative;として、新着ニュースなど右に寄せたいものがあれば、position:absolute;top:0;left:-270px;とすればよいだけです。
※CSS min-height の使いどころ - Webデザイン・CSS - 教えて!goo ( http://oshiete.goo.ne.jp/qa/7549602.html )
の書き方が参考になるでしょう。
リンク先でもないのに、むやみやたらにidをつけるとCSSもスタイルシートも理解不能になります。きちんと文書構造を補完するためにのみidやclass名をつけて、その文書構造を元にスタイルシートを記述すると、HTMLもCSSも、数分の一でデザインの変更や手直しも簡単にできます。
#contents {
display: block;
/* float:left */
position: relative;
width: 566px;
}
#main {
display: block;
margin-left: 5px;
margin-right: 5px;
width: 570px;
}
#sub{
/* ・・・【中略】・・・ */
/* float:left; *//* コメントアウト */
position: absolute;
right: 0;
top: -7px;
width: 229px;
}
・・・手書で文書構造にしたがってマークアップして、それを元にスタイルシートを書く練習をしっかりしたほうが良いです。・・・
HTMLとCSSはツールに頼るより、断然速くて効率的です。
No.1
- 回答日時:
最終的にどう修正したいのでしょうか?
div #contentsのwidthが566pxしかないので、
現状その範囲で左寄せになっているのを、
中心に寄せたいのでしょうか?
それとも枠一杯に広げたいのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 「新規作成」メニューが表示されません 2 2023/04/07 14:56
- デスクトップパソコン PC作成のスマート対応フアイルへの転換 1 2022/06/18 19:50
- Safari(サファリ) 画面のサイズ 1 2023/05/28 14:00
- マルウェア・コンピュータウイルス ウィルス除去ソフトとサイト表示 4 2022/10/25 14:49
- その他(データベース) Q&Aフォームを作成したいのですが、どう設計してよいか分かりません、アドバイスお願い致します。 1 2023/07/27 19:04
- フリーソフト アイコンとして保存アプリが不調 2 2022/04/16 06:39
- Word(ワード) wordの修正履歴について 3 2023/01/05 23:50
- その他(プログラミング・Web制作) パイソンでのプログラミングについて 3 2022/08/11 20:31
- WordPress(ワードプレス) ワードプレスの管理画面が行方不明。 1 2022/04/27 12:09
- その他(プログラミング・Web制作) ホームページビルダー16で画像を保存したら画像がトップページ上に沢山出てきてしまいます 1 2022/12/06 14:50
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
中点「・」の改行について
-
CSSがなぜかfont-sizeだけ効か...
-
Media Queries 4 で 非推奨とな...
-
CSSで背景画像を一番下にもって...
-
表示倍率を変えるとレイアウト...
-
form input テキストを上下中央...
-
CSS、width100%でもできる余白
-
ページを拡大縮小でborderが消...
-
HTMLのiframeの入れ子について
-
CSS上での計算を行うためのルー...
-
<div>と<div>の間の10px程の...
-
Safariでheight:100%のボックス...
-
横並びリスト ブラウザ縮小 カ...
-
cssで「下よせ」ってどうやって...
-
CSSで画像を同じ位置に重なり合...
-
CSSでiframe要素の編集
-
【CSS】ヘッダーの高さが不明の...
-
CSS:animation開始位置の設定
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
widthやheightの数値に単位(px...
-
画像イメージの上下左右、欲し...
-
css初心者 フレックスボックス...
-
CSSでボックスのheightが0になる
-
CSS、width100%でもできる余白
-
CSS:animation開始位置の設定
-
スクロールボックスを中央に配...
-
form input テキストを上下中央...
-
表示倍率を変えるとレイアウト...
-
W3Cのソースコードの検証サービ...
-
<div>と<div>の間の10px程の...
-
CSSで背景画像を一番下にもって...
-
CSSがなぜかfont-sizeだけ効か...
-
table周辺の隙間をなくしたい。
-
footer を横幅いっぱいに広げる...
-
【CSS】ヘッダーの高さが不明の...
-
CSS3で角丸写真にシャドーを付...
-
定義リストに下線をつけたいと...
-
Media Queries 4 で 非推奨とな...
おすすめ情報