Question w/CSS: (I'm not sure if this really belongs here, but you guys are ridiculously smart so I'm gonna ask. If I'm out of line, go ahead and call me out on it 😃 )
I'm having a formatting issue with CSS (using xhtml and php as well, but it's css that's being annoying).
There's a line that runs along the bottom of my menu, and i want the border around the body (it's actually in the #content tag in main.css) to connect. However there's a small gap between the two, and i've tried doing margin-bottom and it doesn't work. I'm sure it's something simple, anyone?
Cheers.
main.css
/*Main CSS Document*/
body
{
text-align: center;
font-family: Verdana, sans-serif;
}
#content
{
text-align:left;
width: 798px;
margin: 0 auto;
}
form
{
font-family: Georgia, "Times New Roman", Times, serif;
}
input
{
vertical-align:middle;
font-family:Georgia, "Times New Roman", Times, serif;
border:1px solid black;
}
.title
{
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 30px;
background-color: #006666;
color: #DCDCDC;
}
.body
{
border: 1px solid black;
border-top:0;
border-color:#778;
/*margin-left: 3px;*/
}
.filler
{
border: 1px, solid #778;
border-top:0;
border-bottom:0;
}
.leftcolumn
{
width: 200px;
top: 0px;
left: 0px;
margin-left: 600px;
background-color: #AAE;
}
.footer
{
position: absolute;
width:798px;
right:0px
border: 1px solid black;
font-size: 10px;
vertical-align:top;
}
menu.css
/* Menu CSS */
#imgheader
{
text-align:left;
}
h1
{
display:inline;
text-align: right;
}
#navlist
{
padding: 3px 0;
margin-left: 0;
/*border-bottom: 1px solid #778;*/
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
#navlist li
{
list-style: none;
margin: 0;
display: inline;
}
#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
/*border-bottom: none;*/
border-bottom: none;
background: #DDE;
text-decoration: none;
}
#navlist li a:link { color: #448; }
#navlist li a:visited { color: #448; }
#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}
#navlist li a#current
{
background: white;
/*border-bottom: 1px solid white;*/
border-bottom: 1px solid white;
}
header.php
<!--begin header-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?=$pagetitle?></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
</head>
<link href="main.css" rel="stylesheet" type="text/css" />
<body>
<div id="content">
<!--begin menu-->
<link href="menu.css" rel="stylesheet" type="text/css" />
<div id="navcontainer">
<img src="images/rscm.gif" style="padding:3px 3px;" />
<div class="leftcolumn">Welcome, Guest.</div>
<ul id="navlist">
<li <?if($pageident=="home"){?>id="active"<?}?> ><a href="index.php" <?if($pageident=="home"){?>id="current"<?}?> >Home</a></li>
<li <?if($pageident=="page2"){?>id="active"<?}?> ><a href="page2.php" <?if($pageident=="page2"){?>id="current"<?}?> >Teen Course</a></li>
<li <?if($pageident=="page3"){?>id="active"<?}?> ><a href="page3.php" <?if($pageident=="page3"){?>id="current"<?}?> >Observer Course</a></li>
<li <?if($pageident=="page4"){?>id="active"<?}?> ><a href="page4.php" <?if($pageident=="page4"){?>id="current"<?}?> >Apply</a></li>
<li <?if($pageident=="page5"){?>id="active"<?}?> ><a href="page5.php" <?if($pageident=="page5"){?>id="current"<?}?> >Photos</a></li>
<li <?if($pageident=="page6"){?>id="active"<?}?> ><a href="page6.php" <?if($pageident=="page6"){?>id="current"<?}?> >Contact Us</a></li>
</ul>
</div>
<!--end menu-->
<div class="body">
<!--end header-->
index.php
<?
$pageident="home";
$pagetitle="Page1";
include('header.php')
?>
Welcome to the RSCWelcome to the RSCM Website.M Website. WeWelcome to the RSCM Website.lcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to Welcome to thWelcome to the RSCM Website.e RSCM Website.the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM WWelcome to tWelcome to the RSCM Website.he RSCM Website.ebsite.Welcome to Welcome to the RSCM WebsiteWelcome to the RSCWelcome to the RSCM Website.M Website. WeWelcome to the RSCM Website.lcome to tSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCWelcome to the RSCM Website.M Website. WeWelcome to the RSCM Website.lcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to Welcome to thWelcome to the RSCM Website.e RSCM Website.the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM WWelcome to tWelcome to the RSCM Website.he RSCM Website.ebsite.Welcome to Welcome to the RSCM Website.the RSCM Website.Welcome to the RSCM WebWelcome to the RSCM Website.site.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.Welcome to the RSCM Website.
</div>
<? include('footer.php');?>
</body>
</html>
