fix attribute

[roojs1] / examples / layout / calendar.html

diff --git a/examples/layout/calendar.html b/examples/layout/calendar.html
index b65ccc1..9e398cf 100644 (file)
--- a/examples/layout/calendar.html
+++ b/examples/layout/calendar.html
@@ -31,27 +31,27 @@
 div.fc-view {
        clear: both;
        border: 1px solid #963;
-       height: 285px;
+       height: 100%;
        overflow: auto;
-       width: 756px
+       width: 100%
 }
 
 /* Reset overflow value to hidden for all non-IE browsers. */
 html>body div.fc-view {
        overflow: hidden;
-       width: 756px
+       width: 100%
 }
 
 /* define width of table. IE browsers only                 */
 div.fc-view table {
        float: left;
-       width: 740px
+       width: 100%
 }
 
 /* define width of table. Add 16px to width for scrollbar.           */
 /* All other non-IE browsers.                                        */
 html>body div.fc-view table {
-       width: 756px
+       width: 100%
 }
 
 /* set table header to a fixed position. WinIE 6.x only                                       */
@@ -69,7 +69,7 @@ html>body thead tr {
 }
 
 /* make the TH elements pretty */
-thead th {
+/*thead th {
        background: #C96;
        border-left: 1px solid #EB8;
        border-right: 1px solid #B74;
@@ -77,24 +77,24 @@ thead th {
        font-weight: normal;
        padding: 4px 3px;
        text-align: left
-}
+}*/
 
 /* make the A elements pretty. makes for nice clickable headers                */
-thead a, thead a:link, thead a:visited {
+/*thead a, thead a:link, thead a:visited {
        color: #FFF;
        display: block;
        text-decoration: none;
        width: 100%
-}
+}*/
 
 /* make the A elements pretty. makes for nice clickable headers                */
 /* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
-thead a:hover {
+/*thead a:hover {
        color: #FFF;
        display: block;
        text-decoration: underline;
        width: 100%
-}
+}*/
 
 /* define the table content to be scrollable                                              */
 /* set TBODY element to have block level attributes. All other non-IE browsers            */
@@ -102,60 +102,63 @@ thead a:hover {
 /* induced side effect is that child TDs no longer accept width: auto                     */
 html>body tbody {
        display: block;
-       height: 262px;
+       height: 500px;
        overflow: auto;
        width: 100%
 }
 
 /* make TD elements pretty. Provide alternating classes for striping the table */
 /* http://www.alistapart.com/articles/zebratables/                             */
-tbody td, tbody tr.normalRow td {
+/*tbody td, tbody tr.normalRow td {
        background: #FFF;
        border-bottom: none;
        border-left: none;
        border-right: 1px solid #CCC;
        border-top: 1px solid #DDD;
        padding: 2px 3px 3px 4px
-}
+}*/
 
-tbody tr.alternateRow td {
+/*tbody tr.alternateRow td {
        background: #EEE;
        border-bottom: none;
        border-left: none;
        border-right: 1px solid #CCC;
        border-top: 1px solid #DDD;
        padding: 2px 3px 3px 4px
-}
+}*/
 
 /* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
 /* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
 /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
 html>body thead th {
-       width: 200px
+       width: 136px
 }
-
+/*
 html>body thead th + th {
        width: 240px
 }
 
 html>body thead th + th + th {
        width: 316px
-}
+}*/
 
 /* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
 /* All other non-IE browsers.                                            */
 /* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
 html>body tbody td {
-       width: 200px
+       width: 136px
 }
-
+html>body tbody td:last-child {
+       width: 120px
+}
+/*
 html>body tbody td + td {
        width: 240px
 }
 
 html>body tbody td + td + td {
        width: 300px
-}
+}*/
 
 </style>
 
@@ -165,7 +168,7 @@ html>body tbody td + td + td {
 <h1>View Panel Example</h1>
 
 
-<div id="view-panel" style="width:900px;height:500;">
+<div id="view-panel" style="width:952px;height:500;">
 
 </div>