1 つの div (id="qab") 内のすべてのレイアウトを制御するスタイルシートがあります。次のようにリセットで始まります：-
#qab div, #qab span, #qab applet, #qab object, #qab iframe, #qab h1, #qab h2, #qab h3, #qab h4, #qab h5, #qab h6, #qab p, #qab blockquote, #qab pre, #qab a, #qab abbr, #qab acronym, #qab address, #qab big, #qab cite, #qab code, #qab del, #qab dfn, #qab em, #qab img, #qab ins, #qab kbd, #qab q, #qab s, #qab samp, #qab small, #qab strike, #qab strong, #qab sub, #qab sup, #qab tt, #qab var, #qab b, #qab u, #qab i, #qab center, #qab dl, #qab dt, #qab dd, #qab ol, #qab ul, #qab li, #qab fieldset, #qab form, #qab label, #qab legend, #qab table, #qab caption, #qab tbody, #qab tfoot, #qab thead, #qab tr, #qab th, #qab td, #qab article, #qab aside, #qab canvas, #qab details, #qab embed, #qab figure, #qab figcaption, #qab footer, #qab header, #qab hgroup, #qab menu, #qab nav, #qab output, #qab ruby, #qab section, #qab summary, #qab time, #qab mark, #qab audio, #qab video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
background: none;
}
#qab article, #qab aside, #qab details, #qab figcaption, #qab figure, #qab footer, #qab header, #qab hgroup, #qab menu, #qab nav, #qab section {
display: block;
}
#qab ol, #qab ul {
list-style: none;
}
#qab blockquote, #qab q {
quotes: none;
}
#qab blockquote:before, #qab blockquote:after, #qab q:before, #qab q:after {
content: '';
content: none;
}
#qab table {
border-collapse: collapse;
border-spacing: 0;
}
#qab b, #qab strong {
font-weight: bold;
}
これは、最終的にリセットされて機能しないjquery-ui要素を使用したい場合を除いて、うまく機能します。
それを機能させるために私が見つけた唯一の方法は、すべての .ui スタイルの前に #qab を追加することですが、qab div の外で使用されるもの (jquery で生成されたダイアログなど) は機能しません。
明らかな何かが欠けていると確信していますが、見えません。