Left: | ||
Right: |
OLD | NEW |
---|---|
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 header, #content, #footer-content | 7 header, #footer-content |
juliandoucette
2017/10/04 19:13:52
Note: I left header and footer alone because I hav
ire
2017/10/04 22:17:10
Acknowledged.
| |
8 { | 8 { |
9 margin-left: auto; | 9 margin-left: auto; |
10 margin-right: auto; | 10 margin-right: auto; |
11 } | 11 } |
12 | 12 |
13 header | 13 header |
14 { | 14 { |
15 width: 1000px; | 15 width: 1000px; |
16 border-radius: 0 0 5px 5px; | 16 border-radius: 0 0 5px 5px; |
17 } | 17 } |
(...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
137 left: 10px; | 137 left: 10px; |
138 right: auto; | 138 right: auto; |
139 } | 139 } |
140 | 140 |
141 html[dir="rtl"] #logo | 141 html[dir="rtl"] #logo |
142 { | 142 { |
143 right: 25px; | 143 right: 25px; |
144 left: auto; | 144 left: auto; |
145 } | 145 } |
146 | 146 |
147 #content, #footer-content | 147 #footer-content |
148 { | 148 { |
149 margin-top: 15px; | 149 margin-top: 15px; |
150 padding-left: 10px; | 150 padding-left: 10px; |
151 padding-right: 10px; | 151 padding-right: 10px; |
152 } | 152 } |
153 | 153 |
154 #content | 154 #content |
155 { | 155 { |
156 width: 680px; | |
157 margin-top: 71px; | 156 margin-top: 71px; |
158 margin-bottom: 280px; | 157 margin-bottom: 280px; |
159 } | 158 } |
160 | 159 |
161 #footer-main | 160 #footer-main |
162 { | 161 { |
163 position: absolute; | 162 position: absolute; |
164 left: 0; | 163 left: 0; |
165 right: auto; | 164 right: auto; |
166 bottom: 0; | 165 bottom: 0; |
(...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
254 margin-left: -150px; | 253 margin-left: -150px; |
255 margin-right: -150px; | 254 margin-right: -150px; |
256 width: 980px; | 255 width: 980px; |
257 } | 256 } |
258 | 257 |
259 #globalnav | 258 #globalnav |
260 { | 259 { |
261 margin-top: 5px; | 260 margin-top: 5px; |
262 margin-bottom: 5px; | 261 margin-bottom: 5px; |
263 } | 262 } |
OLD | NEW |