vistaＩＥ7環境は同じなのに、お客様のいっているバグが再現できません。 - HPを作成する仕事をしておりますが、すべて独学のため... - Yahoo!知恵袋
vista ＩＥ7 環境は同じなのに、お客様のいっているバグが再現できません。 HPを作成する仕事をしておりますが、すべて独学のためわからない部分があります。 現在直面している問題は…。 当社で作成したＨＰなのですが、 本来 １行目（改行） ２行目（改行） で表示されるべきなのですが、 お客様の環境では、 １行目（改行）２行 目（改行） と表示されてしまいます。 スタイルはＣＳＳ、文字は固定長 環境はvista ＩＥ7（バージョンも同じ）状況で確認しましたが、 お客様のいうバグは見られませんでした。 が、お客様からいただいた画面コピーではやはり上記の現象がでてしまっています。 当社でも同じ状況を再現したいのですが、再現できない原因としては他に何が考えられますか？
画像とかの横にあるテキストを上下中央に
←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました！ display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 デモページ 画像とかの横にあるテキストを上下中央にする。のデモページ ヨモツネットさんとまるっと同じサンプルだとアレなので、ちょっとだけ実用的な感じでつくってみましたよっと。 ちょっと、IE6で確認してないので、ダメだったらご連絡ください。 IE6対応しました。ハックの書き方がいけなかったようです。すみません。 div.centeringTest p { display: table-cell; vertical-align: middle;
テキストの横に並ぶ画像の位置合わせ その１
こんにちは 馬場です。 「テキストの横に並ぶ画像の位置合わせ」 について、2回に分けてお話します。 今回は、vertical-alignを使った方法を ご紹介します。 「テキストの横に並ぶ画像の位置合わせ」と 言葉で表現してもピンと来ませんが、 サイトで更新があった項目などに 「New」などのアイコンが 表示されているのを ご覧になったことがありますよね？ あの「New」アイコンの 縦方向の位置調整というイメージです。 ・指定なしの場合 ・vertical-align:middleを設定 ・vertical-alignに数値を設定 ▼ 指定なしの場合 何も意識せず、 テキストと画像を 横に並べてみました。 なんだか高さが合ってくれません。 （htmlコーディング） <p>新しい<img src="icon_new_01.gif" /> 新しい</p> ▼ vertical-align:mi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
