Databases
StackOverflow2013
Postsdbo
POWhy does my external CSS not work in FF or IE, but does in Chrome?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy does my external CSS not work in FF or IE, but does in Chrome?
    text
    copied!<p>When I run my (very basic) page in Chrome, it shows the title and list in the correct size, colour and position. Also the background image fits to the screen. But when I run my page in FF or IE, there is no background image and the title and list haven't got my CSS position, colour or size.</p> <p>I have copied my code below. My question is: how can I make my title and list show up on my web page in all/most browsers in the correct size, colour and position to what I have set it to in my CSS? Also for the background image to be shown as well. I hope this isn't too general. Please help!</p> <p>This is my HTML:</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;link rel="stylesheet" type="txt/css" href="C:///****/*****/Desktop/FifaStream1.0/indexstyle.css"/&gt; &lt;title&gt; Fifa Stream &lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1 id="Title1"&gt; &lt;font color="grey"&gt; Fifa &lt;/font color&gt; &lt;font color="red"&gt;Stream &lt;/font color&gt;&lt;/h1&gt; &lt;nav class="IndexList"&gt; &lt;li&gt; &lt;a href="HomePage.html"&gt; Home &lt;br&gt; &lt;br&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="YoutubePage.html"&gt; Youtube &lt;br&gt; &lt;br&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="AboutUs.html"&gt; About Us &lt;br&gt; &lt;br&gt; &lt;/a&gt; &lt;/li&gt; &lt;nav&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>And this is my CSS:</p> <pre><code>body { font-family: "proxima-nova",sans-serif; background:url(fifa13messi.png); -moz-background:url(fifa13messi.png); background-size:100%; -moz-background-size:100%; /* Old Firefox */ background-repeat:no-repeat; } #Title1 { position:relative; left:5%; top:5%; font-size: 3em; } .IndexList { list-style: none; position:relative; left:5%; top:40%; font-size:2em; font-weight: 600; letter-spacing: -1px; } a { color:white; text-decoration: none; } </code></pre> <p>It would a great help if anyone could explain where or why I'm going wrong.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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