柔軟に働き方を選ぶ時代に必要なこと >>

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要素の左端とズレができています。

原因と対処方法をよろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

あ、原因もでしたか‥



position無指定時の扱いがブラウザによって違うからでしょうね ( ^^
    • good
    • 0

list-style:none outside;



違ってたらご容赦を ( ^^;
    • good
    • 1
この回答へのお礼

li要素にdisplay:inline;を指定したら対処できました。
原因は不明です。

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

回答ありがとうございました。

お礼日時:2008/10/19 12:50

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qホームページにメールフォームを設置したいです。

FC2でホームページを作っています。
メールフォームを設置したいと思います。
FC2でレンタルしているメールフォームは、デザインが好みではないので
ちがうメールフォームのテンプレートを探しました。
シンプルなテンプレートを見つけ、メモ帳に持って行き、編集しました。
完成し、アップロードをして試して、上手くいきました。
ですが電子メールの使用…みたいな表示がされて、
電子メールの設定をしていない方はメールフォームを使えないという事になりました。

メールフォームのページに、感想などを書いていただき、
送信ボタンを押したらすぐに送信完了できるテンプレートが良いです。

電子メールを使わないこと、
そして、なにかメールフォームを使うために登録しないことを条件で、
なにかオススメのメールフォームタグがあるサイト様はないでしょうか?

ご回答よろしくお願いします!!

Aベストアンサー

2です
実際にダウンロードして解凍しましたか?

解凍したフォルダの中にreadme.htmlがあります。
詳しいやり方が載っていますよ。

FC2でホームページを作っているのなら、フォーム表示用タグを貼り付けてフォルダごとアップロードし、本体のページからそのメールフォームフォルダのindex.htmlにリンクすれば完成です。
リンクターゲットを別窓を開くものにしたほうがいいですよ。

QFC2のメールフォームの設置方法について

まったくのど素人のお恥ずかしい質問ですが、助けて下さい。

新たにHPを作成中でその中に「予約フォーム」を設けたいと思っています。
FC2の無料メールフォームを利用しようと登録しました。
ユーザースタイルも設定できるということなのでさっそく「編集用のCSSファイル」をダウンロードし、FrontPage2002でhtmlファイルの編集を行いました。

このあとの手順がよく分かりません。
FC2の「デザインの詳細設定」のページにCSSファイルのURLを入れるようになっていますが、これは何のことを言っているのでしょうか??
私はダウンロードしたCSS確認用.html を編集しただけで一緒にダウンロードされてきたcssファイルは何もしていません。
cssに何の知識もありません。(堂々と書くべきではないことですが。)
FTPで送信の際には編集されたhtmlファイルとそのcssファイルの入ったフォルダごとアップしました。
いろいろと試してみましたが、何がいけないのか送信ボタンを押したあとエラーが出て作動しません。
FC2さんのマニュアルのページは何度も繰り返し読んだのですが、私には全く分かりませんでした。

cssファイルの編集をしなければいけないのでしょうか?またはどのように?
css確認用.htmlのフォーム設定ををFrontPage上で何をするべきなのでしょうか?
(一応フォームのプロパティでは送信先e-mailアドレスに自分のアドレスを入れることはしました。)

ちなみに私は海外のプロバイダーを利用し、sendmail、Perl、CGIも可能とされています。
何か他に私にでも分かりそうなおすすめのフォームメーラーがありましたら教えてください。
よろしくお願いします。

まったくのど素人のお恥ずかしい質問ですが、助けて下さい。

新たにHPを作成中でその中に「予約フォーム」を設けたいと思っています。
FC2の無料メールフォームを利用しようと登録しました。
ユーザースタイルも設定できるということなのでさっそく「編集用のCSSファイル」をダウンロードし、FrontPage2002でhtmlファイルの編集を行いました。

このあとの手順がよく分かりません。
FC2の「デザインの詳細設定」のページにCSSファイルのURLを入れるようになっていますが、これは何のことを言っているの...続きを読む

Aベストアンサー

「FC2の無料メールフォーム」とのことですので、当然のことですがFC2のサーバー上でないと
そのメールフォームは動作しません。ご自身でお持ちのサーバー上に転送しても動きません。
FC2のFAQにも書いてありますが、作成したメールフォームのURL(アドレス)は
「ログイン後トップページに表示されるフォームタイトルの下にリンクとして表示される
URLがご利用のURLになります」とあります。
http://form.fc2.com/faq/

> FTPで送信の際には編集されたhtmlファイルとそのcssファイルの入ったフォルダごとアップしました。
とのことですので、ご自身がお持ちのサーバー上に転送されたということですよね。
ですのでメール送信してもエラー表示が出て作動しないのでしょう。

メールフォームが動かないのはCSSファイルとは直接関係はありません。
CSSというのはホームページデザインの見栄えをよくするためものだからです。
HTML内部に「class=""」という設定があれば、それはCSSと連動していることになります。
それを削除してしまうとデザインが変わってきます。

CSSファイルだけはご自身がお持ちのサーバーに転送しなくてはならない、という意味です。
「ユーザー様所有のホームページ等ウェブスペースに設置してください。
FC2フォームレンタルのログインし、デザインの詳細設定ページに設置した
CSSファイルのURLをご登録してください。」と書いてあります。
http://form.fc2.com/manual/manual11.php#01

もしCSSファイルをお使いの場合は上記で指定されている場所に下記のように記入する必要があります。
<link href='http://www.xxx.com/form.css' rel='stylesheet' type='text/css'>
(URL指定はあくまでも例です。ご自身のアップされた場所に変更してください)

sendmail、CGIが可能なサーバーでしたらKENT WEBさん(http://www.kent-web.com/)の
「フォームメール」でしたら初めてでも割と楽に設置できると思います。

「FC2の無料メールフォーム」とのことですので、当然のことですがFC2のサーバー上でないと
そのメールフォームは動作しません。ご自身でお持ちのサーバー上に転送しても動きません。
FC2のFAQにも書いてありますが、作成したメールフォームのURL(アドレス)は
「ログイン後トップページに表示されるフォームタイトルの下にリンクとして表示される
URLがご利用のURLになります」とあります。
http://form.fc2.com/faq/

> FTPで送信の際には編集されたhtmlファイルとそのcssファイルの入ったフォルダごとア...続きを読む


人気Q&Aランキング

おすすめ情報