Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Columns not even

Status
Not open for further replies.

ValleyWeb

Technical User
Feb 17, 2008
7
US
Hi all

I have a page that was created by someone else and I have to work on. It is centered and it has a gutter of sorts on each side that expands to fill the screen.

I cannot get the sides to equal the height of the center in IE or Opera. It looks great in FF and Chrome.

The page is at valleywebnet.com if anyone would like to look at it live. My HTML and CSS both validate at W3.

Here is my CSS
Code:
body, td, th {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, serif, sans-serif;
	font-size: 12px;
	color: #565656 }
h1 {
    font-size: 12px;
    color: #FFBC00 }
h2 {
    font-size: 10px;
    color: #0A61CD }    
form {
	padding: 0px;
	margin: 0px }
a {
	color: #565656;
	text-decoration: none }
a:hover {
	text-decoration: underline }
a.under {
	text-decoration: underline }
a.under:hover {
	text-decoration: none }
.t100 {
	height: 100% }
.t-white {
	color: #FFFFFF }   
.t-orange {
	color: #FFBC00 }
.orange1 {
    font-size: 14px;
	text-align: center;
    color: #FFBC00 }    
.t-blue {
	color: #0A61CD }
.blue1 {
    font-size: 12px;
	text-align: left;
	color: #0080FF } 
.blue2 {
    font-size: 14px;
	text-align: left;
	color: #0080FF }
.QandA {
    font-size: 12px;
    color: #534D52; }
    
.t-copy {
	color: #C1C1C1 }
.t-service {
	color: #464545;
	font-size: 10px }
.f-search {
	width: 125px;
	height: 15px;
	font-size: 11px;
	border: 1px solid #474747 }
.f {
	width: 168px;
	height: 15px;
	font-size: 11px;
	border-bottom: 1px solid #D4D0C8;
	border-left: 2px inset #808080;
	border-right: 1px solid #D4D0C8;
	border-top: 2px inset #808080 }
    
.head {
    font-size: 12px;
    font-weight: 600;
	color: #FFBC00 }
    
.indent {
    text-indent: 8px; }

.blueHead {
    font-size: 18px;
	text-align: center;
	color: #0080FF }

The HTML is much longer but I can post it if needed.

Any help/suggestions greatly appreciated and welcome.

Thanks for looking!
Jim
 
What page is it in question ?
All that I can see via your url seems ok to me in IE8.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top