ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：xenotactic FC2メールフォームのHTMLおよびCSSについて
困り度：
  • すぐに回答を！
 FC2メールフォーム
​http://form.fc2.com/​

FC2メールフォームをブログに表示させる場合、iframeで表示させるタイプと、javascriptで表示させるタイプがあります。私のブログはDTD宣言をxhtml1.0 strictにしているので、javascriptのほうを利用し、CSSでデザインをいじくっているのですが、どうもIEと他ブラウザで表示が異なってしまいます。もしよければ、皆さんの知識をお貸しください。

※javascriptで表示させたときのサンプルは下記ページの「パーツ利用の設定・パーツ利用の設置用タグ、デザイン設定」＞「Preview」から見れます。
​http://form.fc2.com/demo/​

※希望している表示
名前、メールアドレス、職業などのリストアイコンを消し、これらの左端とinput要素の左端を同じ位置にあわせたいと考えています。

※私が指定したCSS
#fc2form li {
margin:0;
padding:0;
list-style:none;
}

※上記CSSを指定したときの表示
FireFoxとOperaでは「名前」「メールアドレス」等とinput要素の左端があわさっています。
IE6とIE7では「名前」「メールアドレス」等の左に一文字分ほどのスペースがあき、その分input要素の左端とズレができています。

原因と対処方法をよろしくお願いします。
質問投稿日時：08/10/12 00:08
質問番号：4395021
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示

回答

 
回答者：MockTurtle あ、原因もでしたか‥

position無指定時の扱いがブラウザによって違うからでしょうね （ ^^
種類：回答
どんな人：一般人
自信：参考意見
回答日時：08/10/12 12:43
回答番号：No.2
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答

 
回答者：MockTurtle list-style:none outside;

違ってたらご容赦を （ ^^；
種類：回答
どんな人：一般人
自信：参考意見
回答日時：08/10/12 04:06
回答番号：No.1
この回答へのお礼li要素にdisplay:inline;を指定したら対処できました。
原因は不明です。

そもそもli要素を使っておいてul要素がないのがなぜなのか。
FC2ももう少しマシなHTMLコーダーを採用して欲しいところ。

回答ありがとうございました。
最新から表示｜回答順に表示
このページのトップへ