Hi Everyone, I've got this weird issue with a background image not appearing in one of my divs. Not sure if it's because there are nested divs... Code is below; sorry about the long CSS! I'm open to other ways of solving it too. Any thoughts?
Thanks in advance- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>annezahniser.com :: Graphic Design Portfolio of Anne Zahniser</ title> <link href="portfolio.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="background"> <div id="maincontent"> <p>Welcome to annezahniser.com! Here you'll find my graphic design portfolio, as well as samples of my artwork in other areas.</p> <p>Check out my design portolio here, or feel free to explore the rest of the site.</p> </div> <div id="navigation"> <ul> <li>Home</li> <li>Contact Me</li> <li>Resume</li> <li>Design Portfolio</li> <li>Web Stuff</li> <li>Drawings</li> <li>Photography</li> <li>Printmaking</li> <li>Jewelry</li> <li>Links</li> </ul> </div> </div> </body> </html> @charset "UTF-8"; /* CSS Document */ body { background-color:#d3e8f0; background-image:url(images/whitebkgrnd.jpg); background-position:top; background-repeat:repeat-y; } #background { width:780px; margin-left:auto; margin-right:auto; background-image:url(images/header.jpg); background-position:top; background-repeat:no-repeat; height:100%; } #maincontent { width:450px; float:left; margin-left:50px; padding-top:150px; border-left-color:#34201c; border-left-style:solid; border-left-width:1px; border-right-color:#34201c; border-right-style:solid; border-right-width:1px; background-image:url(images/transparent.png); background-position:top; background-repeat:repeat; } p { font-size:medium; font-family:Arial, Helvetica, sans-serif; color:#34201c; margin-left:20px; margin-right:20px; } #navigation { width:220px; float:left; margin-left:10px; border-left-color:#34201c; border-left-style:solid; border-left-width:1px; border-right-color:#34201c; border-right-style:solid; border-right-width:1px; background-image:url(images/transparent.png); background-position:top; background-repeat:repeat-y; } ul {margin-top:140px; color:#34201c; font-family:Arial, Helvetica, sans-serif; font-size:small; list-style-type:none; padding-left:55px; } --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] -~----------~----~----~----~------~----~------~--~---
