Background not Appearing

Anything questions related to styling should go in here.
Post Reply
User avatar
FrederickGeek8
Posts: 148
Joined: Wed Nov 30, 2011 10:31 pm

Background not Appearing

Post 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.
[syntax=css]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%;
}[/syntax]
And here is my HTML:
[syntax=xhtml]<!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>
[/syntax]
User avatar
Helx
Posts: 350
Joined: Thu May 17, 2012 6:45 am
Location: Auckland, New Zealand

Re: Background not Appearing

Post by Helx »

Could it be because you're using a different browser now?
User avatar
FrederickGeek8
Posts: 148
Joined: Wed Nov 30, 2011 10:31 pm

Re: Background not Appearing

Post 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
User avatar
jacek
Site Admin
Posts: 3262
Joined: Thu May 05, 2011 1:45 pm
Location: UK
Contact:

Re: Background not Appearing

Post by jacek »

Most browser issues can be solved by making the HTML valid, worth checking :)
Image
User avatar
FrederickGeek8
Posts: 148
Joined: Wed Nov 30, 2011 10:31 pm

Re: Background not Appearing

Post by FrederickGeek8 »

I always have my HTML valid 8-)
Post Reply