Table/css problem

liunx · Jan 11, 2008

well the silver bar in the "roster" div is too far down to the bottom. Does anyone know how to fix?

<a class="postlink" href="http://marlinsclubhouse.net/roster.htmlRemove">http://marlinsclubhouse.net/roster.htmlRemove</a> the float:left from the table style.yeah i know i was just testing something out, but still doesnt work without the float on there.The 'middle' div was extending outside the 'wrapper' (in IE) thus dropping down. I decreased the width of the middle div as well as the table. Changed the font-family and font-size (to pixels). Added the body 'id' to the body tag...
<body id="body">

default.css

#body {
background-color: #FFFFFF;
font-family: verdana, arial, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 10px auto 0px auto;
padding: 0px;
width: 800px;
}

#header {
border: 1px solid black;
margin: auto;
text-align: center;
width: 800px;
height: 130px;
}

#left {
float: left;
margin: 40px 0px 0px 0px;
border: 1px solid black;
width: 185px;
}

#middle {
width: 605px;
margin: 40px 0px 0px 190px;
border: 1px solid black;
}

#middleheader {
background-color: #339999;
color: #FFFFFF;
text-align: center;
font-weight: bold;
padding: 5px;
border-bottom: 1px solid black;
}

#leftimage {
border-bottom: 1px solid black;
width: 185px;
height: 30px;
}

.leftimage2 {
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 185px;
height: 30px;
}

p {
margin-left: 10px;
margin-right: 10px;
}

a {
color: #000000;
text-decoration: none;
}

a#middle {
color: #339999;
font-weight: bold;
margin-left: 10px;
border: 0px;
}

a:hover {
color: #008888;
text-decoration: none;
}

h4 {
margin: 5px 10px 0px 10px;
}

table {
width: 605px;
margin-top: 0px;
}

td {
text-align: center;
vertical-align: top;
}

.block2 {
background-color: silver;
}

.headers {
background-color: #339999;
color: #FFFFFF;
}

#copyright {
margin: 10px auto 0px auto;
text-align: center;
}

#insidecenter {
float: right;
margin: 75px 0px;
border-left: 1px solid black;
border-bottom: 1px solid black;
width:200px;
}

#insidecenter2 {
float: right;
margin: 140px 0px;
border-top: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
width: 200px;
}

.insideheader {
background-color: #339999;
color: #FFFFFF;
font-weight: bold;
text-align: center;
width: 198px;
padding: 1px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

ul {
list-style-type: none;
}

.links {
margin: 5px 5px 5px 5px;
}

a:hover {
color: #339999;
}

.middleimage {
float: right;
border: 1px solid black;
margin: 5px;
width: 200px;
height: 200px;
}
#copyright {
clear:both;
}

Table/css problem

liunx

Guest