Skip navigation
Currently Being Moderated

Multi-column Css

May 21, 2012 12:15 PM

Tags: #dreamweaver #css

Please look at this page: www.healthquestpt.com/bca/index.html

 

I cant figure out why the Middle.Content background #ffffff is being cancelled out.

 

Here is the corresponding CSS:

 

#Middle {

padding:0px;
width: 750px;
margin:15px auto 15px auto;
background: #ffffff;

/**MOZILLA**/
-moz-border-radius: 22px;
/**WEBKIT**/
-webkit-border-radius: 22px;
/**OPERA, LINUX, IE9**/
border-radius: 22px;

}

 

#Middle .Content {

background:#ffffff;

color: #000;

}

 

.navlist-vert ul{
font-size: 15px;
margin: 0px;
padding: 0;
}

.navlist-vert li{
list-style: none;
text-align: left;
margin-bottom:10px;
font-size:16px;
font-weight:bold;
}

/**link states**/
.navlist-vert li a {
text-decoration: none;
font-size:13px;
margin-bottom:0px;
background-color: #ffffff;
margin-top: 15px;
}

.navlist-vert li a:link {color:#2a022f}
.navlist-vert li a:visited { color:#2a022f}
.navlist-vert li a:hover,
.navlist-vert li a:active,
.navlist-vert li a:focus
{
color:#f9195e;
font-weight:bold;
text-decoration:underline;
}

 
Replies
  • Currently Being Moderated
    May 21, 2012 12:37 PM   in reply to BcSurvivor08

    Caused by an extra closing </div> in your HTML:

     

    <!--begin Middle column -->

    <div id="Middle">

    <div class="Content">

    <!--begin Content -->

    <ul class="navlist-top">

    <li style="margin-right:75px; margin-left:225px;"><a href="index.html">Home</a></li>

    <li style="margin-right:75px; margin-left:75px;"><a href="/bcforum/index.php">Forum</a></li>

    <li style="margin-right:75px; margin-left:75px;"><a href="contact.html">Contact</a></li></ul></div>

     

    If you remove that </div>, your .Content area displays as it should.

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points