|
Help! My content containers are not behaving
I am trying to adjust two problems in my site that I have been over for several hours and am just stumped by. I am building a site, and for the first thing, the content of the page below the header seems to hang about 20 pixels too low in firefox 2.0.0.6 but not in I.E. Neither absolute nor relative positioning seem to do the trick.
Secondly, I have found that if the right column has less content height than the left, my content container background will not extend down to the bottom of the left side. However, both right and left are located within the container div, so I can't understand why it won't go all the way to the bottom.
Below is my xhtml and css code - please help!
Code:
body {
margin: 0px;
text-align:left;
z-index:-2;
}
#pageholder{
font-family: Garamond,Georgia,"New York",Times,"Times New Roman";
}
#top {
background-color: #990000;
height: 100px;
width: 1800px;
}
#header {
width:1800px;
background-color: #660000;
height: 65px;
border-bottom:solid 5px #cccc99;
}
#header a {
text-decoration: none;
font:30px "palatino linotype", Helvetica, Verdana, Arial, sans-serif;
font-style: italic;
font-weight: bold;
color: #ffffff;
}
h1 {
font:30px "palatino linotype", Helvetica, Verdana, Arial, sans-serif;
font-style: italic;
font-weight: bold;
padding: 22px 5px 4px 5px;
margin:0px;
}
.navigation {
border-top: solid 1px #FFFFFF;
font: 12px Verdana, Helvetica, Arial, sans-serif;
width:1800px;
margin-bottom: 3px;
margin-top: 3px;
line-height:165%;
}
.navigation ul {
text-align: right;
padding-bottom: 4px;
padding-top: 4px;
margin: 0px;
}
.topnavrightlimit ul li {
display: inline;
}
.topnavrightlimit a {
float:right;
color: #ffffff;
text-decoration:none;
padding:0em 1em;
border-right:1px solid #660000;
}
.topnavrightlimit a:hover {
background-color: #660000;
}
.topnavrightlimit {
width: 770px;
}
#photobanner {
width:775px;
height:119px;
padding:0px;
background-color:#660000;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
border-left:4px solid #660000;
border-bottom:0px;
}
#left {
width:210px;
float: left;
margin:0px;
padding: 0px 10px 0px 0px;
font-size: 12px;
z-index: 1;
}
#left h2 {
color: #660000;
text-align: left;
padding: 10px 10px 0px 10px;
font: 14px Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
}
#left a {
color: #000000;
text-decoration: none;
}
#left a:hover {
color: #cc0000;
text-decoration: none;
}
#left img {
position: relative;
left: 7px;
margin-top: 10px;
border-style:none;
}
ul.outer {
list-style-type: disc;
font-size: 14px;
margin:0px;
padding-left:23px;
}
ul.inner {
list-style-type: circle;
font-size: 14px;
margin:0px;
padding-left:45px;
}
ul.lower {
list-style-type: disc;
font-size: 14px;
margin:0px;
padding-left:23px;
}
ul.address {
list-style-type: none;
font-size: 11px;
margin:0px;
padding-left:10px;
padding-top:60px;
padding-bottom:10px;
}
#content_container {
width:780px;
height:auto;
text-align:left;
z-index:-1;
background-color: #ffffff;
background-image: url('images/NavColor7.gif');
background-repeat: repeat-y;
padding-bottom:0px;
margin-left: auto;
margin-right: auto;
}
#main_content {
margin-left: 230px;
margin-top:0px;
font: 12px Helvetica, Verdana, Arial, sans-serif;
}
.largephoto {
position: relative;
left: -7px;
}
.basic {
padding: 0 0 0 10px;
font-style: italic;
line-height: 50%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 15px;
}
.clinicals {
padding: 0 0 0 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
.EJI {
padding: 0 0 0 25px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
.ip {
padding: 0 0 0 10px;
font-style: italic;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
.ip_subcat {
padding: 0 0 0 25px;
font-style: italic;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
.newsbox {
color: #ffffff;
width: 500px;
margin-left:25px;
margin-right:25px;
margin-bottom:20px;
background-color: #660000;
border: 3px solid #990000;
float:right;
}
.newsbox a {
color: #ffffff;
}
.newsbox a:hover {
color: #cc0000;
text-decoration: none;
}
.newsboxheader {
padding:3px;
font-size: 16px;
font-weight:bold;
font-style: italic;
color:#cccc99;
text-align: left;
}
.readmorenews {
float:right;
text-align: right;
padding-right: 3px;
margin:0px;
position:relative;
top:-20px;
}
p.newsitemheader {
font-weight:bold;
font-style: italic;
}
.contentquotes {
background-color: #660000;
color: #ffffff;
border: 3px solid #990000;
padding:3px;
}
p.quotespeaker {
text-align: right;
font-weight:bold;
font-style: italic;
}
#whatpageweareon {
width: 558px;
height:20px;
color:#ffffff;
float:right;
background-color: #660000;
text-align:left;
font: 10px Verdana, Helvetica, Arial, sans-serif;
padding-left: 3px;
margin:0px;
}
#whatpageweareon p {
position:relative;
top:-3px;
}
#whatpageweareon a {
color: #ffffff;
text-decoration: none;
}
#whatpageweareon a:hover {
color: #cc0000;
text-decoration: none;
}
#headline {
width: 555px;
height:45px;
color:#ffffff;
float:right;
background-color: #660000;
text-align:right;
font: 14px "palatino linotype", Helvetica, Verdana, Arial, sans-serif;
font-style: italic;
padding-right:5px;
border-bottom: solid 1px #FFFFFF;
}
#forheadlineborder {
width: 560px;
height:3px;
float:right;
background-color: #660000;
margin-bottom:15px;
}
.floatrightpix {
float: right;
margin: 5px 0px 5px 5px;
text-align:right;
}
.floatrightpix img{
border: none;
}
.floatrightpix p {
text-align: center;
margin: 2px;
font-size: 10px;
color: #660000;
}
.floatleftpix {
float: left;
margin: 0px 5px 5px 0px;
text-align:right;
}
.floatleftpix img{
border: none;
}
.floatleftpix p {
text-align: center;
margin: 2px;
font-size: 10px;
color: #660000;
}
#mainnews {
padding: 3px;
width: 500px;
font-size: 12px;
}
td.column1 {
width: 50%;
padding-bottom:5px;
}
td.column2 {
width: 50%;
padding-bottom:5px;
}
#footer {
width: 780px;
font: 10px Verdana, Helvetica, Arial, sans-serif;
margin-top:20px;
margin-left: auto;
margin-right: auto;
}
Here is the xhtml:
Code:
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>The Frank J. Remington Center</title>
<style type="text/css" media="screen">@import "../REMstyles5_extra.css";</style>
</head>
<body>
<div id="pageholder">
<div id="top">
<div id="header"><a href="../index.html"><h1>The Frank J. Remington Center</h1></a>
</div><!--ends div id header !-->
<div class="navigation">
<div class="topnavrightlimit">
<ul>
<li><a href="../contact/index.html">Contact</a></li>
<li><a href="../whats_new/index.html">What's New</a></li><!-- news/events/publications/public -->
<li><a href="../students/index.html">Students</a></li>
<li><a href="../facstaff/index.html">Faculty & Staff</a></li>
<li><a href="../history/index.html">History</a></li>
<li><a href="../about_fjrc/index.html">About FJRC</a></li>
</ul>
</div> <!-- ends topnavrightlimit -->
</div><!--ends div class navigation !-->
</div><!-- ends div top -->
<div id="content_container">
<div id="left">
<a href="http://www.law.wisc.edu/"><img src="../images/logo_uwlawSquashed.gif" alt="University of Wisconsin Law logo" /></a>
<h2>Our Clinical Projects</h2>
<p class="basic"><a href="clinicals/index.html">All Clinical Projects</a></p>
<ul class="outer">
<li><a href="clinicals/cslap.html">Community Supervision Legal Assistance Project (CSLAP)</a></li>
<li><a href="clinicals/cap.html">Criminal Appeals Project (CAP)</a></li>
<li><a href="clinicals/eji.html">Economic Justice Institute (EJI)</a></li>
</ul>
<ul class="inner">
<li><a href="clinicals/cllc.html"> Consumer Law Litigation Clinic (CLLC)</a></li>
<li><a href="clinicals/fcap.html"> Family Court Assistance Project (FCAP)</a></li>
<li><a href="clinicals/nlp.html"> Neighborhood Law Project (NLP)</a></li>
</ul>
<ul class="lower">
<li><a href="clinicals/flp.html">Family Law Project (FLP)</a></li>
<li><a href="clinicals/ip/index.html">Innocence Project (IP)</a></li>
<li><a href="clinicals/laip.html">Legal Assistance to Institutionalized Persons (LAIP)</a></li>
<li><a href="clinicals/oxford.html">Oxford Federal Project</a></li>
<li><a href="clinicals/prosecution_project.html">Prosecution Project</a></li>
<li><a href="clinicals/public_defender_project.html">Public Defender Project</a></li>
<li><a href="clinicals/rjp.html">Restorative Justice Project (RJP)</a></li>
</ul>
<ul class="address">
<li>Frank J. Remington Center</li>
<li>University of Wisconsin Law School</li>
<li>975 Bascom Mall </li>
<li>Madison, WI 53706-1399</li>
<li>Phone: 608.262.1002</li>
</ul>
</div><!--ends div id left !-->
<div id="main_content">
<div id="whatpageweareon">
<p><a href="../index.html">Home</a> > <a href="index.html">Our Clinical Projects</a> > <a href="cap.html">CAP</a></p>
</div> <!-- ends whatpageweareon -->
<div id="headline">
<h2>Criminal Appeals Project (CAP)</h2>
</div><!-- headline -->
<div id="forheadlineborder">
<p></p><!-- do not delete - though empty, this does serve a purpose -->
</div>
<p>Second- and third-year law students have the opportunity to participate in the Frank J. Remington Center's Criminal Appeals Project. This fall-spring project combines class work on appellate procedure, client-centered representation on appeal, issue spotting, and persuasive writing, with work on an actual criminal appeal assigned by the State Public Defender's Office.</p>
<p>Students in the Criminal Appeals Project will work in pairs on a criminal appeal under the supervision of Remington Center clinical faculty. Appeals will be timed so that the transcripts begin arriving early in the fall semester. Assuming that a case has merit, briefing in the Court of Appeals will take place during spring semester. Please note that each student must make a 2-semester commitment, to ensure that he or she can take a case from start to finish.</p>
<p>In the fall semester, students will take a 3-credit class entitled "Advanced Criminal Procedure: Representing the Criminal Appellant," along with an additional credit of clinical work. This class qualifies for the 60-credit rule. The class will have one weekly large group section and one weekly discussion section. In the large group section, students will study appellate procedure, the ethics of appellate representation, issue spotting, and persuasion. At the same time, students will be meeting their appeal clients, reading transcripts, and analyzing their cases in the discussion sections.</p>
<p>During spring semester, students will take "Appellate Advocacy II," for 1-3 credits. Credits are variable depending on how much work each student's appeal requires. There will be some large-group meetings in the spring (mostly guest lectures), but most of the work will be on postconviction motions or hearings and/or writing appellate briefs.</p>
<p>If you are interested in the Criminal Appeals Project, please contact Clinical Assistant Professor Byron Lichstein in Room 4318E. You can telephone Professor Lichstein at 265-2741; or email at <a href="mailto:bclichstein@wisc.edu">bclichstein@wisc.edu</a>. For more information on the classroom portion of this project, please see the course description on the Law School's web site. </p>
</div><!-- ends main_content -->
</div><!--ends div id content_container !-->
</div><!--ends div id pageholder !-->
</body>
</html>
|
Dev Articles Community Forums Sponsor:
August 11th, 2007, 02:38 PM
Click the image if at any point you don't like my decision.
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
