Home雑記 > MTでの見た目の問題解決

« MTいじってもう1ヶ月こえたか | 雑記 | MTでのアーカイブファイルの名前の設定方法 »

MTでの見た目の問題解決

カテゴリー:[雑記]

ブラウザの種類によりレイアウトの見た目が違った件が解決しました。

原因は、リストマークの設定で
marginとpaddingを両方使っていればよかったものを
marginだけ使ってたからなんですね。
IE系エンジン搭載のブラウザでは見た目になんの問題もないんだけど、
GECKO系エンジンのブラウザでは、全然違うモノになってしまいます。
marginとpaddingはペアで使うべし!!ですね。
ひとつかしこくなったよw

あと、今の悩み所が、3カラム2カラムをまあ、ページによって使うんだけど
表を使うべきか、CSSでするか悩み中。
トップページを3カラムに今は表を使ってしてるんだけど、
どっちがいいんだろう。
表の弱点は、表内のデータ全て読み込んでから表示するんで
中身が多いと時間が掛かる欠点があるんだけど、
ブロードバンド時代といっても、地方はまだまだ遅いよ。
うちは、24M契約で1Mしかでてねぇしw
NTTと遠いんだよ。一番端っこって言われたしな。

CSSでの3カラム化も一度やったしねぇ。
でもその後デザイン的につめてないからどうだろ

MTでの3カラム化について
標準のスタイルシートに
#center と #right というのが既にあります。
名前の通り中と右ブロックを設定しています。
で左がないので、#right の部分をコピーでもして
#leftとでも好きな名前で作ります。
このときにwidthは全て足して全体の幅になるので値を調整します。
%表記でもピクセル表記でもお好きにどうぞ。
そして、保存。

次にテンプレート内のメインページを使ってやってみます。
[div id="center"]という記述を探します。
行数でいうと31行目になります。(31行目じゃなかったよ!と言われても俺が見たら31行目だったのでつっこみはなしでw)
そしてこの行の上にスタイルシートで作ったleftを同じように書きます。
divタグの終わりも書くのを忘れないようにしてください。
はい、これでできあがり~。
でも、注意。これだけでは中身はないので保存して再構築しても
見た目にはわからないかもしれません。
なんでもいいので文章でも入れてみてください。
3カラムになりましたか?
わかれば簡単なことなんですけどねぇ。
でもなんでこれだけで3カラムができてしまうんだぁって思う人は、
ご自分で納得いくまで調べてみてください。
たぶんCSSのおかげでしょう。

ちょっと自分でもCSSの3カラムテンプレートを作ってみるかなぁ。
だいたい、MTで本見たりするまでは、IDとclassの違いがなんなのかさえわからなかったしなぁ。(今でもあんまわかってないし)
だからほとんどclassでしか作ってないのだw

ほな、また

トラックバック

このエントリーのトラックバックURL:

コメントを投稿


Home雑記 > MTでの見た目の問題解決