I'm New Here; Have a quick question about my body tag

Get Started
1

Hello ; I wanted to know if there might be a quick answer as to why my body background isn’t showing up. Any help would be greatly appreciated :blush:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="http://www.portfolio.breeziecastell.com/style.css"  />
<title>Breezie Castell Portfolio</title>
</head>

<body>

<div class="div1">
blah
</div>



</body>
</html>

<style type="text/css">

body {
background-image:url("http://www.thegraphicbin.com/backgrounds/img/Plaid-Pattern11-1.png");
}


.div1 {
background-color:transparent;
width:500px; 
height:500px; 
overflow:auto;
position:absolute; 
left:50%; 
top:0%;
margin-left:-250px; 
margin-top:160px; 
text-align:center;
}







</style>
2

Hi bzcastell - welcome to the forums :slight_smile:

Your background works OK for me in Firefox.

I think your problem is that you’ve used <style> tags inside your stylesheet. <style> tags are HTML, and you only use them for embedding styles in an HTML page - you don’t need them in a separate stylesheet.

You’re also missing the opening < from your DocTypre declaration, but that’s probably just gone astray in the copy/paste process. :slight_smile:

3

Thank you so much :slight_smile: have a great day!