Databases
StackOverflow2013
Postsdbo
POHow to make this CSS compatible with IE browsers?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to make this CSS compatible with IE browsers?
    primarykey
    data
    text
    <p>Well I have this css code this is for a site me and my friend are hosting. But since it's up we have been getting a small complaints about IE users I have no idea on how I can make this with the IE browsers can any one help me with this? I've heard that it shouldn't be that hard but I have no idea where to start.</p> <pre><code>#table1 { font-family: open sans condensed; background-color: #FFF; border-collapse: collapse; margin: auto; padding: 100%; } #table11 { font-family: open sans condensed; background-color: #FFF; border-collapse: collapse; margin: auto; } th { font-family: open sans condensed; background-color: #CCC; font-size: 25px; border-style: solid; border-width: 3px; box-shadow: 0px 0px 8px #FFF; border-color: black; text-align: left; vertical-align: bottom; } td { background-color: #FFF; border-style: solid; border-width: 3px; box-shadow: 0px 0px 8px #FFF; border-color: black; text-align: left; vertical-align: bottom; } /*#table { top: -500px; /*Z-index: 19999px; background-color: #FFF; border-style: solid; border-width: 3px; box-shadow: 0px 0px 8px #FFF; border-color: black; text-align: left; vertical-align: bottom; } This does nothing but it ruins the CSS if not commmented*/ a:link { font-size: 20px; vertical-align: middle; color: #A00000 ; font-family: julius sans one; font-weight: 900px; text-decoration: none; vertical-align: bottom; } a:visited { color: #000; vertical-align: middle; text-decoration: none; vertical-align: bottom; } a:hover { color: rgb(129,129,129); font-size: 20px; vertical-align: middle; text-decoration: underline; vertical-align: bottom; } a:active { color: #A00000 ; vertical-align: middle; text-decoration: none; vertical-align: bottom; } #buttonbox { text-align: center; margin-left: auto; margin-right: auto; width: 205px; border-radius: 100px; border: 1px; border-style: solid; border-color: #CCCCCC; box-shadow: 0px 0px 9px 1px rgba(221,221,221,0.5); background-image: linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -o-linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -moz-linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -webkit-linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -ms-linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.24, #04131A), color-stop(0.5, #282E2E) ); } #buttonbox:hover { text-align: center; margin-left: auto; margin-right: auto; width: 205px; border-radius: 100px; border: 1px; border-style: solid; border-color: #CCC; box-shadow: 0px 0px 9px 1px rgba(221,221,221,0.5) inset; background-image: linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -o-linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -moz-linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -webkit-linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -ms-linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.24, #04131A), color-stop(0.5, #282E2E) ); } #buttonbox:active { text-align: center; margin-left: auto; margin-right: auto; width: 205px; border-radius: 100px; border: 1px; border-style: solid; border-color: #DDD; box-shadow: 0px 0px 9px 15px #CCC inset; background-image: linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -o-linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -moz-linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -webkit-linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -ms-linear-gradient(bottom, #04131A 24%, #282E2E 50%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.24, #04131A), color-stop(0.5, #282E2E) ); } #button { font-family: open sans condensed; color: #4d4d4d; font-size: 25px; } #button:hover { font-family: open sans condensed; color: #8d8d8d; font-size: 25px; text-decoration: none; } #div1 { } #body { background: rgb(33, 133, 197) url('images/escheresque_ste.png'); margin: auto; top: 30px; } #submit { width: 155px; float: right; } #register { vertical-align: middle; margin: auto; } </code></pre> <p>But currently I have no idea of if it is compatible with IE browser since it uses some of the new CSS3 styles. And also note I'm kinda new to CSS3/CSS but if you guys could help me out here I would be very grateful. Here the HTML/PHP(Don't complain about the outdate PHP im working on it):</p> <pre><code>&lt;?php //Connects to the Database include ('db.php'); //Starts a query to fetch the data from the table $data = mysql_query("SELECT * FROM hf_osu") or die(mysql_error()); if(!$data) { echo "3rr0rz"; exit; } ?&gt; &lt;html&gt; &lt;head&gt; &lt;link rel="stylesheet" type="text/css" href="css.css"&gt; &lt;link href='http://fonts.googleapis.com/css?family=Lobster|Fjalla+One|Julius+Sans+One|Passion+One:400,700,900|Lobster+Two:400,400italic,700,700italic|Open+Sans+Condensed:300,300italic,700&amp;subset=latin,latin-ext,cyrillic-ext,cyrillic,vietnamese,greek,greek-ext' rel='stylesheet' type='text/css'&gt; &lt;/head&gt; &lt;body id="body"&gt; &lt;div id="buttonbox"&gt; &lt;a href="/register.php" target="_blank" id="button"&gt;Register here&lt;/a&gt; &lt;/div&gt; &lt;!--Writes the table and data.--&gt; &lt;table id="table1"&gt; &lt;th&gt;Hackforums Name&lt;/th&gt; &lt;th&gt;Osu! name&lt;/th&gt; &lt;?php while($info = mysql_fetch_array($data)) : ?&gt; &lt;tr&gt; &lt;td&gt;&lt;a href="&lt;?php echo $info['Hackforums_PLink'] ?&gt;"&gt;&lt;?php echo $info ['Hackforums_UName'] ?&gt;&lt;/a&gt;&lt;/td&gt; &lt;td&gt;&lt;a href="&lt;?php echo $info['Osu_PLink'] ?&gt;"&gt;&lt;?php echo $info ['Osu_UName'] ?&gt;&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;?php endwhile; ?&gt; &lt;/table&gt; &lt;!--&lt;table id="table1"&gt; &lt;tr &gt; &lt;th&gt;Hackforums Name&lt;/th&gt; &lt;th&gt;Osu! Name&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;a href="http://www.hackforums.net/member.php?action=profile&amp;uid=1096116"&gt;agsking&lt;/a&gt; &lt;/td&gt; &lt;td&gt;&lt;a href="http://osu.ppy.sh/u/agsking"&gt;agsking&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;a href="http://www.hackforums.net/member.php?action=profile&amp;uid=746220"&gt;Hentai&lt;/a&gt; &lt;/td&gt;&lt;td&gt; &lt;a href="http://osu.ppy.sh/u/hfhentai"&gt;HFHentai&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;a href="http://www.hackforums.net/member.php?action=profile&amp;uid=1464743"&gt;Kirito&lt;/a&gt; &lt;/a&gt;&lt;/td&gt; &lt;td&gt;&lt;a href="http://osu.ppy.sh/u/ScumbagSup"&gt;ScumbagSup&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;a href="http://www.hackforums.net/member.php?action=profile&amp;uid=1074228"&gt;Ryuuji Takasu&lt;/a&gt; &lt;/td&gt; &lt;td&gt;&lt;a href="http://osu.ppy.sh/u/Plainside"&gt;Plainside&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;--&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USElmar Luijmes
    1. USElmar Luijmes
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to make this CSS compatible with IE browsers?
      1. This table or related slice is empty.
      1. VTDownMod
    2. VO
      singulars
      1. POHow to make this CSS compatible with IE browsers?
      1. This table or related slice is empty.
      1. VTDownMod
    3. VO
      singulars
      1. POHow to make this CSS compatible with IE browsers?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COYeah, sorry, we're not going to debug some 200 lines of CSS for which we don't even have the HTML for you.
      singulars
      1. POHow to make this CSS compatible with IE browsers?
      1. USdeceze
    2. COYou dont mention the version of IE nor the issues you are having. Be more specific and perhaps post a link/JS fiddle and you may get some advice.
      singulars
      1. POHow to make this CSS compatible with IE browsers?
      1. USDavidB
    3. COIF you open the site valclan.tk/osu/ you will notice that all of the styles do not apply to the page as well for the alignment.
      singulars
      1. POHow to make this CSS compatible with IE browsers?
      1. USElmar Luijmes
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload