Table/css problem

@stymieJul 11.2005 — #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

<i>
 </i>#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

3 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Table/css problem

3 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #CSS _↴