0ct0pu5/min
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixes for IE

Browse source 
woohoo! the grid now works on IE5.5+
This commit is contained in:
Owen Versteeg 2013-05-27 15:25:38 -04:00
parent 0a89c4d039
commit 65a2633c68
5 changed files with 35 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
beta.html
View file

@ -20,6 +20,9 @@
})();
</script>
<!--[if lt IE 9]>
<script> document.createElement("column"); document.createElement("message"); </script>
<![endif]-->
<style type="text/css">
.dark {
background-color: rgb(172, 172, 172);
@ -137,48 +140,48 @@
<hr class="mediumwidth">
<div class="mediumwidth">
<row>
<div class="row">
<column class="dark c10">10</column>
</row>
<row>
</div>
<div class="row">
<column class="dark c9">9</column>
<column class="light c1">1</column>
</row>
<row>
</div>
<div class="row">
<column class="dark c8">8</column>
<column class="light c2">2</column>
</row>
<row>
</div>
<div class="row">
<column class="dark c7">7</column>
<column class="light c3">3</column>
</row>
<row>
</div>
<div class="row">
<column class="dark c6">6</column>
<column class="light c4">4</column>
</row>
<row>
</div>
<div class="row">
<column class="dark c5">5</column>
<column class="light c5">5</column>
</row>
<row>
</div>
<div class="row">
<column class="dark c4">4</column>
<column class="light c6">6</column>
</row>
<row>
</div>
<div class="row">
<column class="dark c3">3</column>
<column class="light c7">7</column>
</row>
<row>
</div>
<div class="row">
<column class="dark c2">2</column>
<column class="light c8">8</column>
</row>
<row>
</div>
<div class="row">
<column class="dark c1">1</column>
<column class="light c9">9</column>
</row>
<row>
</div>
<div class="row">
<column class="light c10">10</column>
</row>
</div>
</div>
<hr class="mediumwidth">

2
download.html
View file

@ -177,7 +177,7 @@
}
if (document.getElementsByName('grid')[0].checked === true) {
mincss += "row{display:block;line-height:2em;margin-top:2%;height:2em}column{display:inline-block;float:left;margin:auto 1%}.c10{width:98%}.c9{width:88%}.c8{width:78%}.c7{width:68%}.c6{width:58%}.c5{width:48%}.c4{width:38%}.c3{width:28%}.c2{width:18%}.c1{width:8%}@media(max-width:720px){row [class*='c']{width:100%;display:block;margin:1% auto}row:last-child column{margin-bottom:2.5em}}";
mincss += ".row{display:block;line-height:2em;margin-top:2%;height:2em}.ie column{margin:auto .7%}column{display:inline-block;float:left;margin:auto 1%}.c10{width:98%}.c9{width:88%}.c8{width:78%}.c7{width:68%}.c6{width:58%}.c5{width:48%}.c4{width:38%}.c3{width:28%}.c2{width:18%}.c1{width:8%}@media(max-width:720px){row [class*='c']{width:100%;display:block;margin:1% auto}row:last-child column{margin-bottom:2.5em}}";
details.grid = true;
var det = getNums(document.getElementsByName('grid')[0].parentElement.innerText);
details.total += det[0];

6
index.html
View file

File diff suppressed because one or more lines are too long

5
min.less
View file

@ -248,7 +248,7 @@ ico {
/*
Grid
*/
row {
.row {
display: block;
line-height: 2em;
margin-top: 2%;
@ -259,6 +259,9 @@ column {
float: left;
margin: auto 1%;
}
.ie column{
margin:auto .7%
}
.c10 {
width: 98%;
}

2
mingziphotlink.php
View file

@ -40,7 +40,7 @@ $totalcss .= "ico{font-size:1.9375em;font-family:Lucida Sans Unicode,Lucida Gran
}
if ($_GET['grid']) {
$totalcss .= "row{display:block;line-height:2em;margin-top:2%;height:2em}column{display:inline-block;float:left;margin:auto 1%}.c10{width:98%}.c9{width:88%}.c8{width:78%}.c7{width:68%}.c6{width:58%}.c5{width:48%}.c4{width:38%}.c3{width:28%}.c2{width:18%}.c1{width:8%}@media(max-width:720px){row [class*='c']{width:100%;display:block;margin:1% auto}row:last-child column{margin-bottom:2.5em}}";
$totalcss .= ".row{display:block;line-height:2em;margin-top:2%;height:2em}.ie column{margin:auto .7%}column{display:inline-block;float:left;margin:auto 1%}.c10{width:98%}.c9{width:88%}.c8{width:78%}.c7{width:68%}.c6{width:58%}.c5{width:48%}.c4{width:38%}.c3{width:28%}.c2{width:18%}.c1{width:8%}@media(max-width:720px){row [class*='c']{width:100%;display:block;margin:1% auto}row:last-child column{margin-bottom:2.5em}}";
}
if ($_GET['iehacks']) {