css - Google マップを開くと白いボックスが表示される

Question

ページで非表示の Google マップを非表示にしました。リンクをクリックしてマップを開くと、マップが開きますが、ページ上の他のコンテンツの上に奇妙な白いボックスが表示されます。

これは、Google マップを含むテーブルと関係があるようです。

「Google マップを検索」をクリックすると、私が話している内容を確認できます。

このページで。

Answer 1

この問題の原因は、2 つのネストされたテーブル内に Google マップが含まれていたことです。

外側のテーブルには、固定された高さの画像が引き伸ばされて、左側に偽の柱が作成されていました。含まれているマークのサイズが大きくなったときに、リフローが発生しなかったか、他の問題があったかのいずれかです。

内側のテーブルで高さ 1px の反復画像を使用して、より優れたフェイク カラム テクニックを使用することで、この問題を解決しました。

これはグーグルマップとは何の関係もありませんでした。ホワイトボックスとグーグルマップに関して見つけた他の投稿に惑わされました。