Try this:
<!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>
<!-- Here's the added code -->
<div style="clear:both"></div>
<!-- End -->
</div>
</body>
</html>
On Thu, May 7, 2009 at 9:22 AM, houdini042 <[email protected]> wrote:
>
> By the way, it's the background image for the "background" div that
> isn't showing up...
>
> On May 6, 4:18 pm, houdini042 <[email protected]> wrote:
>> 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]
-~----------~----~----~----~------~----~------~--~---
