2012-04-29 14 views
0

現在、私のウェブサイトのメインレイアウトを含むテーブルがあります(http://www.enl-esports.com)。Safari +テーブル+幅の問題

idが "menu"の表の列の幅は150pxですが、サファリでは160pxにランダムに決定されます。私はパディングも余白もなく、内側のHTMLを削除しても問題は残っています(もっと大きくなるように強制するかもしれません)。 Chromeでは問題なく動作します。

問題を解決していない固定テーブルレイアウト(ここにある:http://www.w3.org/TR/REC-CSS2/tables.html#width-layout)を使用しようとしました。

あなたは主にこれを見ることができるページがここに発見された:http://www.enl-esports.com/seasons/

答えて

1

私はこれが0に設定されていなかったマージン/パディングはアイテムをインデントできる場所サファリでのリストのバグとは何かを持っているかもしれません考えていましたそれはそうではありませんでした。

私がdiscorevとしたことは、あなたのhtmlがひどく無効であることです。例えば、順序付けられていないリストの子として許可される要素はリスト項目(li)ですが、そのメニューでは、順序付けられていないリストの直接の子としてアンカーがあります。

無効なHTMLは、さまざまなプラットフォームやブラウザ間でファンキーな動作を引き起こすことがありますが、これはその1つであると思われます。

それでは、最後の世紀であるテーブルレイアウトを使用する際の問題は、おそらくそれを恥じているはずです(このレイアウトに関係なく使用する必要はありません)。とにかく

、あなたの問題を修正開始するため、ここを見て、それらを解決リストを下に行く:

http://validator.w3.org/check?uri=www.enl-esports.com

+0

私はテーブルを使用しない通常決して...問題は、私は私を得るためにに必要なことですレイアウトは適切に機能します。私はレイアウトを大きく変更したので、元に戻すことができるかもしれないので、私はそれを覚えています。(なぜ私はテーブルが必要なのですか?アートワークとCSSは最小高さ100% 。 –

+0

@AntwanvanHoudt http://peterned.home.xs4all.nl/examples/csslayout1.html – sg3s

+1

問題は、特定のボタンが押されたときに私がアニメートしたい2番目のメニューがあることです。押されたこのコメントを書いている間、電球が私の頭の中にひっくり返ってしまったので、今Iamはテーブルを使わずに自分の問題を解決できる何かをしようとしています。 –