6/7では正常に表示できない場合があるので注意しましょう。6/7は解除してしまいます。|へげへげ||へてらへてら||............||............|になってしまいます。6/7、Mozillaでは親ブロック(A)の外側にあるBブロックのfloatが解除されることはないので、正常に表示されます。これで問題になるのは、本文とメニューバーをfloatで左右に並べているとき(テーブルレイアウトを排除した場合は、通常はこうなっているはず)、本文中でclearが現われた場合です。clearが親ブロックの外側のfloatまで解除してしまうOperaのバグです。対策は左右を逆にする。floatを指定していない側のブロックにclearがなければ、Operaでも正常に表示できますので、左右のブロックを逆にすればよい。PukiWikiの場合、一般にメニューバーのブロックには原則としてclearがないので、本文のブロックを先に記述してfloatするとよい。メニューバーを左に置いた場合には上記の問題は発生しない。この場合、メニューバーよりも先に本文を記述することになるから、テキストブラウザや音声ブラウザのアクセシビリティも向上する。部をカスタマイズしたいと考えています。以下のようになります。質問で恐縮ですが返信頂けると助かります。1.1でも使用可能なので、とくにCSSで指定しなくてもいいです。CSSで指定するなら下記のようになります。20:39:05返信ありがとうございます。コントロールしたいです。22:19:55下記のようにすれば可能です。clear:both;}なお、floatを使う場合の注意は、しろくろのへや:PukiWiki/覚え書き参照。23:40:03やりたいことがバッチリできました。ありがとうございました。ウィンドウのサイズを狭めていくと回りこみが発生する。詳しくは、1単語が画面20%におさまらなくなったら発生する。検索フォームはさすがに途中で改行させられないため簡単に画面20%を超えうる。右本文にはまだまだ余裕があるのに、左側が20%しか使用できていないのだ。Wiki.Youjing.ws。/>とするのが王道だろう。氏の手によりこのようにデザインされていた。ないためさしたる問題にはならない。指定したい場合はテーブルを使用せざるを得ないだろう。差分を当てると、注釈、添付ファイル一覧、アイコンメニュー、フッターなどがすべてメニューバーの右側に表示されてしまってます(サンプル)。このページの下のように、これらはメニューバー・本文とは別に下に表示されるべき。13:38:50差分はrelativeやabsoluteを使って強引に表示してますが、MenuBarや$bodyの大きさが不定であるPukiWikiの場合、この方法ではうまくいきません。上記に例示したように、floatとclearでやるほうが正しく表示できます。19:01:00素人な質問で申し訳ないが、差分をどのようなコマンドで当てるのか教えていただけますか?よろしくお願いします。18:55:35jjyunさん、アドバイスをありがとうございました。12:07:38ちなみに、tDiaryスキンはテーブルを使っていません。02:35:33レイアウトをマークアップの段階で固定化する部分を減らせるため、スタイルシートの自由度が上がります。float:rightをfloat:leftと変更するだけで左右の配置を入れ替えることが出来ます。ページ全体を覆うようなテーブルレイアウトを排除することで、ページ全体を受信するのに時間が掛かるようなナローバンドの回線利用者が、ページ全体を受信し終わるまで待つことなく、読み込み途中の内容を順次確認できる可能性が有ります。03:31:04なるほど。テーブルを排除する意味はそういう意味があるのですね。私の場合ナローバンドで利用していますが、<div>でスタイルシートで処理される方がテーブルで処理されるより重くなってしまうのはPCの能力とブラウザ環境ですね。ありがとうございました。09:33:58えーと余計なロジックが多い、というのはtDiaryスキンに関するコメントです。Mizarさんには伝わっているようなので、何か勘違いされているのではないかと思います。23:01:29Mizarさんがすでに指摘されていますが、さまざまなデザインを実現できるのが、no-tableのメリットです。文書構造(ロジック)とデザインの分離によって、同一のXHTML文書でありながら様々なデザインを実現できます。tableレイアウトを使い続けるメリットも、そんなに無いように思っています。tableレイアウトはケシカランなどとは思いませんが、いろんなデザインのPukiWikiを作り出せるという点では、no-tableの方がより容易ではないでしょうか。12:15:27何をしたいのかわかりませんが、no-tableは実現されてますよ。21:38:39Tableの良い点として英単語中でも折り返しされる、って言う点があります。CSSでは幅を指定しても、幅以上の英単語が来ると幅が広がってしまいます。(と思っている)word-breakはIEだけだし、中途半端な動きをするし。私はCSSで動的に動かすのが好きなのでCSSで制御してますが・・。CSSでも英単語を折り返す設定ってないのかなぁ。試してみましたが折り変えされませんでした。ようなHTMLを作り試しました。できるってことでしょうし。14:08:49がーん。PukiWikiのデフォルトスキン+IEで確認していた時にそうだと思い込んでしまっていました。FirefoxでもOperaでも折りかえりませんね。00:16:09ずっと、テーブルを解除した自作のスキン使ってますけどIE7やFireFoxでデザインが崩れることは無いですね。情報を伝える優先順位を考えれば、本文の方さえ正常に表示できていればいいわけで、ある程度割り切った方がいいかと。23:01:02こういった内容であれば、floatだけではなくposition:absoluteについての記述も必要ですね。今は書いてられませんが。さんがちょっとだけrelativeやabsoluteについて記述してはいますが・・・。最近のブラウザの挙動でも同じなのかは、わからないですね。09:52:00ブラウザの挙動というか、大抵はやりようです。position指定だけでもfloat指定だけでもちゃんとブラウザごとの挙動を把握した上で作れば問題ないレイアウトができます。あとはデザインと相談するだけですね。