0

私の index.php ページの目的は、ジョブに関連する DB 主導のコンテンツを表示することです。下半分と上半分に分かれており、下半分には Google Maps v3 API があります。現在、デバッグで問題が発生しているため、両方<div>がページの 50% を均等に使用するように設定されています。また、ブラウザーのサイズが変更されたときに、適切な測定値を自動的に調整して維持することも望んでいます。

重要なことに、楕円で特定のしきい値を超えたときに、特定のテキストを切り捨てようとしています。<td></td>私が管理できる最善の方法は、テキストが折り返される場所ですが、これによりレコードの行全体の高さが増加し、ブラウザーが画面の小さな部分にサイズ変更されたときに見苦しくなります。

私が抱えている主な問題は、<div>を含むgoogleMapを 100% の高さと幅にすることができないことです。実際、次のインラインを指定するstyle=と:

<div id="googleMap" style="height:100%;width:100%;">

それ以外の：

<div id="googleMap" style="height:450px;width:100%;">

マップがまったく表示されません。CSSで定義されたスタイルとリンクする際にも同様の問題があります。

4

1 に答える 1

0

私はそれを部分的に解決したので、これはまだ未回答です。<div>高さと幅のパーセンテージに基づく自動サイズ変更がありますが、 のヘッダーが のbottom_divによって上書きされるという問題がTABLEありtop_divます。問題のスクリーンショットは次のとおりです。

Google chrome でトラブルシューティングを行うと、強調表示機能 (F12 -> 要素 -> ページ上の要素に関連するコードにカーソルを合わせる) で、top_divが適切にプロポーションされているがTABLE、ジョブの保持がこれを無視し、オーバーフローしていることがわかりtop_divます。理由はわかりませんが、myTableクラスに関連する CSS コードに関係していると思います。ただし、「オーバーフロー」ステートメントを操作して成功しませんでした。

于 2013-06-14T16:20:25.833 に答える