アンドロイド4.0携帯でジャバが崩れてる

質問

下記のホームページを作ってるものです。

http://iwata-sekkotsu.sakura.ne.jp/

このサイトのトップページをアンドロイド4.0携帯ですと
下記のようにジャバ（テロップ）が飛び出してしまいます。

どうやって修正していいのかわからないです。

http://f.hatena.ne.jp/takako1204/20120218171840

わかる方！
宜しくお願いします。

回答No.3

SeydaNeen · ベストアンサー

・・あーと、CSS記述には、３種類の置き場所がありまして、
１・cssファイルに別置き
２・htmlファイルの中に、<style>タグ中に記述
３・個別のタグに直接、style属性として、記述

googleで、"CSS記述 ３種類"とでも検索すれば、いろいろページが出てくると思います。
たとえば、適当にみつけた、
http://www.homepage-guide.com/cssiteibasho.html
にも書いてますけど。
そのページだけじゃなくて、そのサイトの他のページも読んでください。

ちょっと、HTMLについての知識がほとんど無いように思えるのですけど、下手をしたら、たとえばmain.cssの書き換えで、別の要素への悪影響などあり得ますので・・。
style="width:400px;"の部分が、CSSです。とりあえず、あそこの部分を、
<input name="digital" size="92" style="width:570px;"/>と書き換えてみてもらえますか。(前には400pxと適当に書いたんだけど、570pxくらいじゃないかと。)

補足

有難うございます。

家のＰＣではブラウザＩＥとchromeですとはみ出してないんですけどFirefoxだとテロップ部分が逆に寸足らずになってましたが言われた通り<input name="digital" size="92" style="width:570px;"/>に書き換えてみました所、firefoxでの寸足らずは治りました。

これでアンドロイド4.0の携帯でもはみ出さくなってるんでしょうか？
実際、アンドロイド4.0携帯を持ってないので、確認しにドコモショップに行こうと思ってますが。。。

HTMLの知識はほとんどないと思います。。。
本当にすみません…（汗）

回答No.2

SeydaNeen

CSSファイルに記述でもいいです。その場合、タグにid指定する必要が。
そこに書いているように、inputタグの中に、直接、style="width: XXXpx;"と、CSS記述するのは・・簡単ですし。

今見ているのはFirefoxですが、Linuxのものです。まああまり気にしないでください。windowsのでははみ出すようでは無かったですね。ただ、ブラウザによって、幅が異なっています。

補足

本当に申し訳ありません。

【そこに書いているように、inputタグの中に、直接、style="width: XXXpx;"と、CSS記述するのは・・簡単ですし。】

↑この場合inputタグの中にどのようにCSSを記述すれば・・・。

わからないです・・・。

回答No.1

SeydaNeen

これはジャバ、というよりJavascriptで、というより、HTMLタグの問題でしょう。

<input name="digital" size="92" style="width:400px;"/>
style属性を付けて調整してみては。

アンドロイドというより、私の使用してるPCブラウザでもはみ出してます。

補足

style属性とはＣＳＳで指定すればいいんでしたよね（汗）
すみません・・と素人で・・・。

SeydaNeenさんのブラウザは何を使ってるんですか？