私は zurb 基盤の css と dhtml スケジューラを必要とするプロジェクトを持っていますが、css がうまく動作しません。
特に2つの問題があります。
テーブルの 0.56em と 0.62em のパディングが原因で、月間カレンダーの位置がずれています。
もう少し複雑なのは、カレンダーの予定です。これはそれがどのように見えるかです。サイドメニューの穴に注目してください。
問題となっているデフォルトのスタイル。
そして、ページを適切にレンダリングするには、それらを削除する必要があります。
私たちは基盤の scss バージョンを使用していますが、その機能にあまり詳しくなく、dhtmlx コントロールはそれを使用していません。
だから私の基本的な質問は、どのようにこれらのスタイルを変更して、基盤や dhtml への影響を最小限に抑えるべきかということです。
私はJavaスクリプトを使用できると確信していますが、スタイルを適用するためにすべての要素を見つけなければならないのでカレンダーが変更されるので、それは面倒だと思います。=)
ありがとう！
******* 編集 ***********
テーブルの問題は、競合するスタイルをオーバーライドするために、基盤の後に別のスタイル シートを追加することで、chrome と IE ですぐに修正されました。短くてシンプル。
<style type="text/css" media="screen">
#scheduler_here table tr td, #scheduler_here table tr th
{
padding: 0;
}
#scheduler_here *, #scheduler_here *:before, #scheduler_here *,after {
box-sizing: content-box;
-webkit-box-sizing: content-box;
}
</style>