Left: | ||
Right: |
LEFT | RIGHT |
---|---|
1 html | 1 html |
2 { | 2 { |
3 position: relative; | 3 position: relative; |
4 min-height: 100%; | 4 min-height: 100%; |
5 } | 5 } |
6 | 6 |
7 #content, | |
8 #footer-content | 7 #footer-content |
9 { | 8 { |
10 margin-left: auto; | 9 margin-left: auto; |
11 margin-right: auto; | 10 margin-right: auto; |
12 } | 11 } |
13 | 12 |
14 #content, #footer-content | 13 #footer-content |
15 { | 14 { |
16 margin-top: 15px; | 15 margin-top: 15px; |
17 padding-left: 10px; | 16 padding-left: 10px; |
18 padding-right: 10px; | 17 padding-right: 10px; |
19 } | 18 } |
20 | 19 |
21 #content | 20 #content |
22 { | 21 { |
23 margin-top: 71px; | 22 margin-top: 71px; |
24 margin-bottom: 280px; | 23 margin-bottom: 280px; |
25 } | 24 } |
26 | 25 |
27 #footer-main | 26 #footer-main |
28 { | 27 { |
29 position: absolute; | 28 position: absolute; |
30 left: 0; | 29 left: 0; |
31 right: auto; | 30 right: auto; |
32 bottom: 0; | 31 bottom: 0; |
33 width: 100%; | 32 width: 100%; |
34 height: 220px; | 33 height: 220px; |
34 | |
35 /* Disable the sticky footer in IE6/7 */ | |
36 .position: relative; | |
37 .bottom: 220px; | |
35 } | 38 } |
36 | 39 |
37 html[dir="rtl"] #footer-main | 40 html[dir="rtl"] #footer-main |
38 { | 41 { |
39 right: 0; | 42 right: 0; |
40 left: auto; | 43 left: auto; |
41 } | 44 } |
42 | 45 |
43 #footer-main nav | 46 #footer-main nav |
44 { | 47 { |
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
116 margin-left: -150px; | 119 margin-left: -150px; |
117 margin-right: -150px; | 120 margin-right: -150px; |
118 width: 980px; | 121 width: 980px; |
119 } | 122 } |
120 | 123 |
121 #globalnav | 124 #globalnav |
122 { | 125 { |
123 margin-top: 5px; | 126 margin-top: 5px; |
124 margin-bottom: 5px; | 127 margin-bottom: 5px; |
125 } | 128 } |
LEFT | RIGHT |