私のウェブサイトには 3 つの問題がありますが、すべて spry メニューに関連している可能性があります。ご覧いただき、アドバイスをいただければ幸いです。
1: www.escapegardens.ie spry は、このページでは safari、chrome、firefox では問題なく動作するようですが、IE7 ではうまくいきません。表示をブロックからインラインに変更しようとしましたが、サファリとクロムですべて台無しになりました。また、与えられたこのコードをlayout.cssファイルの先頭に追加して、パディングなどをクリアしようとしましたが、他のブラウザ間ですべてのテキストレイアウトを台無しにしました:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; float: none; ©}
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
display:block;
}
2: http://www.escapegardens.ie/Domestic_Garden_Landscaping.htmlと他のすべてのギャラリー ページ。ホームページのようにスプリーが正しくレイアウトされておらず、メニューの幅が狭くなっています。
3: ギャラリー ページ ( http://www.escapegardens.ie/Domestic_Garden_Landscaping.htmlなど) を、ホームページのようにブラウザーの中央に配置できませんでした。
役立つ情報とコードを送信できます。
貴重な時間をありがとうございました、
ジェニー