Page 1 of 1

Background not Appearing

Posted: Tue Feb 05, 2013 8:09 pm
by FrederickGeek8
I have been working on a website for a couple months now on my Mac, and now that my Mac is in for repairs, I am on my Ubuntu computer. Now the website that was working perfectly fine before, is now not showing the background. That is unless I manually open up the background in another tab.

Here is the portion of my CSS that is bugging up.
html{
margin:0;
padding:0;
text-rendering: optimizelegibility;
font-smooth: always;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
height: 100%;
}

body{
background: url("http://subtlepatterns.com/patterns/gplaypattern.png") repeat;
margin:0;
padding:0;
font-family: 'Cabin', sans-serif;
height: 100%;
width: 100%;
}
And here is my HTML:
<!DOCTYPE html>
<html lang="en" id='top'>
    <head>
        <meta charset="utf-8">
        <title>Hostet</title>
        <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
        <link href="assets/css/login.css" rel="stylesheet">
        <meta name="google-site-verification" content="m81SQO_2yfQciKVCY66HU2Jqy2jAsXqROdPczvpjs6o" />
    </head>
	<body>
		<div style='margin-top:10px;'>
		    		</div>
		<div class='login'>
			<div class='register'>Need an account ? <a href="register.php">Register here</a></div>			<form action="login.php" method="post">
				<p>
					<label for="username">Username:</label>
					<input type="text" name="username" id="username" value=""  />
				</p>
				<p>
					<label for="password">Password:</label>
					<input type="password" name="password" id="password" />
				</p>
				<p>
				    <label for="set_cookie">Keep Me Logged In:</label>
				    <input type="checkbox" name="set_cookie" id="set_cookie" value="1" />
				</p>
				<p>
					<button type="submit" class="btn btn-success">
	                    Login <i class="icon-circle-arrow-right"></i>
	                </button>
				</p>
			</form>
		</div>
		<footer>&copy2012 HatGeek Inc. All rights reserved.</footer>
		<script type='text/javascript'></script>
	</body>
</html>

Re: Background not Appearing

Posted: Tue Feb 05, 2013 8:40 pm
by Helx
Could it be because you're using a different browser now?

Re: Background not Appearing

Posted: Tue Feb 05, 2013 9:14 pm
by FrederickGeek8
I used Firefox and Chrome on my Mac. I am using Firefox on this computer. I'll check the website out on other computers...

EDIT: I think it is my browser not my code. I just checked on Mobile Safari and Chrome for Windows and everything checks out.

EDIT EDIT: Downloaded Google Chrome and it worked... Weird... Sorry for the trouble

Re: Background not Appearing

Posted: Mon Feb 11, 2013 11:23 pm
by jacek
Most browser issues can be solved by making the HTML valid, worth checking :)

Re: Background not Appearing

Posted: Wed Mar 27, 2013 1:12 pm
by FrederickGeek8
I always have my HTML valid 8-)