私は自分のウェブサイトを持っていて、それはどこでもうまく見えますが、私はAndroidのプロのコーダーではありません。私はそれが持っている余分な癖を知らないし、私は本当に知る必要がある鍬がよく分からない。 IEのための条件付きコメントのようにそれを単一にする方法はありますか?Androidで絶対位置を固定する
Here is my websiteとなり、バナーとロゴが画面の左側に表示されます。私は三星銀河3を持っており、これは私のバナーがそれに似ています。
なぜこれが起こっている今、私は、彼らは両方の絶対配置されていると明らかにmargin-left
が、それは画面をオフに行く作っているからだと、実感。しかし、私はそれを変更することはできませんすべての通常のデスクトップブラウザのレイアウトを破壊することはありません。
#site-title { background: url(img/heavensgate-logo.jpg) no-repeat; width: 229px;height: 297px; position: absolute; top: 0px; left: 50%; margin-left: -438px; z-index: 2; border: 0px; text-indent: -9999px; }
#banner { position: absolute; top: 165px; width:868px; left: 50%; margin-left: -448px; z-index: 1; padding: 15px; background-color:
#fff; border: 1px solid #b4b4b4; }
<h1 id="site-title"><span><a href="http://heavensgatewinery.ca/" title="Heavens Gate Winery" rel="home">Heavens Gate Winery</a></span></h1>
<div id="banner">
<img src="http://heavensgatewinery.ca/wp-content/uploads/banner8.jpg" style="position: absolute; visibility: hidden; top: 0px; left: 0px; border: 0px none;">
</div>
Androidで動作させるためのバナーとロゴの取得方法については混乱しています。どんな助けもありがとうございます。
別のモバイルサイトを作成し、アンドロイドブラウザを使用しているユーザーをモバイルサイトにリダイレクトすることを検討しましたか? – psubsee2003
divタグでコンテンツをラップし、スタイル 'position:relative;'を適用するとかなり確実ですこれらのdivタグには、絶対的な配置が適切に機能します。今はデバイスでこれをテストすることはできませんので、答えとして投稿したくありません。 –
@ psubsee2003 - ちょっとしたアラインメントの問題でモバイル版を作るために、まったく新しいウェブサイトや追加のコーディングをしたいとは思っていません。しかし、私はモバイル機器のウェブサイトの専門家ではないことが良い練習です – kia4567