掲示板/スタイルシート質問板/過去ログ/一覧/ ブラウザによって枠線が揃わず困っています。

0 名前： こーじ ： 2006/12/11（月） 16:50 ［URL］ ID:z30mAXGi: ＣＳＳ初心者で基本的な事もままならず
先日もＣＳＳでお知恵を戴きました。
どうか皆様のお知恵を拝借ください。

ＨＰのＵＲＬを記入しておきます。
ＣＳＳのファイルは
http://www.geocities.jp/asitaba_koji/index.css
にあります。

僕は主にＩＥ６でＣＳＳのレイアウトを作ったのですが
FirefoxやNetscapeやOperaやＩＥ７でＨＰを見ると
同じような現象で枠線が崩れてしまうのです。

「もくじ」の３列目にあたる
「編みぐるみコーナー」「メルシーアルバム」「写真劇場」という部分の右端の枠線が
他の線より引っ込んでしまうのです・・・・・・

この現象を直そうとしてFirefox等で合わすと
今度はＩＥ６で枠線が不揃いになってしまうのです・・・・・・
「あちらを立てればこちらが立たず」という状況で本当に困っています。

Firefox、Opera等でも「もくじ」の３列目の枠線が揃って
なおかつＩＥ６でも揃うのはどこをどう直したら良いか具体的に
ご教授お願いできませんか？

ちなみにborderのタグが重複してるのも
こうしないとブラウザによって枠線が消えてしまったりして
こんな変なＣＳＳになってしまいました・・・・・・

とてもゴチャゴチャしたＣＳＳで大変お手間をとらせ申し訳ありませんが
どうかよろしくお願いします。

1 名前： K+S ： 2006/12/11（月） 16:50 ID:nROqylMa: CSSは一切見ていませんが、問題の部位が不明確です。
どのような構成が理想なのか把握できません。

DTDに対して記述されているソースに致命的な問題が見られます。

2 名前： oga ： 2006/12/11（月） 16:50 ID:cWw8hLch

.mokujiXXで枠を分けているようですが、3段目の幅が他の段より少ないように見受けられます。
しかしここを修正するとieでは表示がおかしくなってしまうのでしょう。
以下のソースをcssに組み込んでみてください。(上書きじゃなくて追加です)

body > .mokuji8
		{
		width: 227px ! important; /* ie以外での幅を指定 */
		height: 205px;
		border: 1px solid #ff69b4;
		border-left: 1px solid #ff69b4;
		border-right: 2px solid #ff69b4; 
		float: left;
}

htmlも記述が無茶苦茶だったので確認が難しく、修正される保証はありません。

3 名前： こーじ ： 2006/12/11（月） 16:50 ID:z30mAXGi: ＞K+Sさんへ
K+Sさん、申し訳ありませんでした。
まだまだ僕はＣＳＳとかＨＴＭＬを全然把握できていないので
きっと皆様には意味の通じない事を書いてしまってると思います。
また引き続き勉強していきたいと思います。
お手をわずらわせてしまい大変申し訳ありませんでした。
アドバイスありがとうございます。

4 名前： こーじ ： 2006/12/11（月） 16:50 ID:z30mAXGi: ＞ogaさんへ
ogaさん、とてもメチャクチャなＨＴＭＬにも関わらず
丁寧に見てくださって本当に感謝しております。

ogaさんのアドバイスのおかげで
今試してみたところ無事ＩＥ６以外のブラウザでも
枠線が揃うようになちました。
本当にありがとうございました。

基本的な事を引き続き勉強していこうと思いますが
本を何冊読んでも応用が利かない朴念仁なので
またお世話になってしまうかもしれませんが
よろしくお願いいたします。

今回は本当に皆様ありがとうございました。