Menu
I’m not understanding why by left and right borders aren’t extending all the way to the bottom of the page. I thought the properties in my #container would take care of that. Any suggestions?
[URL=”http://www.oswego.edu/opb93/history.html”]page link
HTML:
[CODE]
<!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”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Omega Phi Beta Sorority, Inc.</title>
<link rel=”stylesheet” type=”text/css” href=”css/layout-style.css” />
</head>
<body>
<div id=”container”>
<div id=”header”>
<div id=”navigation”>
<ul>
<li><a href=”history.html”>Sorority History</a></li>
<li><a href=”#”>Zeta Chapter History</a></li>
<li><a href=”#”>Photos</a></li>
<li><a href=”#”>Contact Us</a></li>
</ul>
</div>
<div id=”headerextras”>
<img src=”img/logo.jpg” />
</div>
</div><!–end of header–>
<div id=”leftcontent”>
<img src=”img/sororityhistory-header.gif” /><br />
<p>Omega Phi Beta Sorority, Incorporated was founded on March 15, 1989 at the University at Albany, State University of New
York. Seventeen dedicated women of various cultural and ethnic backgrounds came together to create an outlet for women to
initiate change. The foundation was built to fight against the injustices historically suffered by our gender. As the
first Latina-oriented organization in the history of the University at Albany, they struggled to establish our
organization, our purpose and most importantly, a precedent.</p>
<p>With an emphasis on community service and sisterhood, Omega Phi Beta immediately became a positive influence within the
community at the University at Albany, as well as in the city of Albany. Realizing the importance of expanding our service
we initiated membership education process and established a second chapter, the Beta Chapter at SUNY New Paltz in the
Spring of 1991.</p>
<p>What brought together our prominent seventeen founders and what attracted those initial pledge classes, still attracts
so many women today. Although our orientation is Latina, we are open to women of all cultural backgrounds and the diversity
of our membership and interestingly the diversity of our seventeen founders’ attests to this fact. Omega Phi Beta
Sorority, Incorporated thrives on the diversity of its members and we attribute a lot of our success to our organization’s
ability to embrace each members’ differences.</p>
<p>As Omega Phi Beta Sorority, Inc. moves towards the future we can look back with pride. Since 1989 we have managed to
serve and educate a multitude of communities, donated over $10,000 to various AIDS charities, served thousands of hours and
continued to excel in academic pursuits inclusive of recognition at various campuses as the sorority with the highest
grade point average. Along our accomplishments within our communities we have managed to excel as a sisterhood by
providing each other with unconditional support in professional and personal endeavors. Omega Phi Beta has been able to
capture the true essence of sisterhood and we are eagerly open to extend our family to others.</p>
<p>Omega Phi Beta was established due to the desire of identifying with and establishing our culture as well as symbolizing
order, strength and unity. Our founders set their precedent and today, we as a whole stand alongside them and exemplify
what our values of pride, honesty and beliefs of tradition and custom symbolize.</p>
</div><!–end of leftcontent–>
<div id=”rightcontent”>
right content
</div><!–end rightcontent–>
</div>
</body>
</html>
CSS:
[CODE]
@charset “utf-8”;
/* CSS Document */
*{
margin:0;
padding:0;
}
html, body {
height: 100%;
}
body {
background: #000000;
color:#FFFF00;
}
#container {
width: 740px;
border-left:3px solid #FFFF00;
border-right:3px solid #FFFF00;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
}
#header {
border-bottom:3px solid #FFFF00;
height:200px;
background: url(../img/sunflower-header.gif) no-repeat;
}
#headerextras {
height:130px;
width:475px;
float:right;
}
#navigation {
height:53px;
width:525px;
float:right;
margin-top: 20px;
}
#navigation ul{
margin: 0; padding: 0;
}
#navigation ul li{
display: inline;
}
#navigation ul li a{
text-decoration: none;
color: #FFFF00;
padding: 11px 11px 1px 11px;
font-size:19px;
border-bottom:2px solid #FFFF00;
}
#navigation ul li a:hover{
text-decoration: none;
color: #FFFF00;
padding: 11px 11px 4px 11px;
font-size:19px;
border-bottom:3px solid #008000;
}
#leftcontent {
/* border:1px solid green;*/
float:left;
width:390px;
margin:15px;
clear:right;
text-align:center;
}
#leftcontent p {
text-align:left;
padding:5px;
}
#rightcontent {
/* border:1px solid orange;*/
float:right;
width:285px;
}
.news {
width: 230px;
padding: 0 20px;
background-image: url(../img/sidebar-mid.gif);
}
.news .top {
height: 108px;
font-size: 1px;
margin: 0 -20px;
background-image: url(../img/asidebar-top.gif);
}
.news .bottom {
height: 25px;
font-size: 1px;
margin: 0 -20px;
background-image: url(../img/sidebar-bot.gif);
}
.news p {
color:#000000;
width:190px;
margin-left:13px;
padding:5px;
}