Welcome to WebmasterWorld Guest from 54.211.101.8

Forum Moderators: incrediBILL

Table Don't Display Properly

Tables in Firefox Don't Display Correctly

   
4:03 pm on Apr 5, 2011 (gmt 0)

10+ Year Member



Hi,

I'm a newbie, so forgive me if this is too elementary. On my homepage Firefox is not displaying my table cells correctly. It's supposed to be two columns of unequal width horizontally, and Firefox makes them equal, plus on the right side, narrower column, it's centering the info within the column vertically, instead of aligning it at the top of the table. Internet Explorer is displaying the page correctly.

Can anyone provide some guidance?
Thanks in advance!

Here's the CSS:

/** BASIC */



body {
margin: auto;
padding: 0px;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
color: #FFF;
background-color: #FFF;
}
.center
{
text-align: center;
background-color: #FFF;
}


.center table
{
text-align: left;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

/** FORMS */



}
.centertable2 {
background-image: url(images/homepage16.gif);
background-repeat: repeat-x;
background-position: left top;
margin: 0px;
padding: 0px;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
margin: 0px;
font-weight: bold;
color: #1D5065;
padding: 0px;
}
h2 {
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
font-weight: bold;
}
h1 {
font-size: 2em;
}

h3 {
font-size: 1.25em;
font-weight: bold;
color: #1D5065;
margin: 0px;
padding: 5px;
font-family: Verdana, Geneva, sans-serif;
}
h4 {
font-family: Verdana, Geneva, sans-serif;
font-size: large;
line-height: normal;
color: #1D5065;
padding-bottom: 5px;
padding-top: 10px;
}

/** TEXTS */

body, th, td, input, textarea, select {
font-family: Verdana, Geneva, sans-serif;
font-size: small;
color: #38515F;
}

p, blockquote, ul, ol, dl {
margin-top: 0px;
margin-bottom: 1em;
text-align: justify;
line-height: normal;
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-size: medium;
}
.footertext {
font-family: Arial, Helvetica, sans-serif;
background-image: url(images/socialfooterbg.gif);
background-repeat: repeat-x;
background-position: left top;
text-align: center;
vertical-align: middle;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
line-height: normal;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 10px;
}

.text1 {
margin-bottom: 18px;
font-size: 16px;
color: #5E7680;
font-weight: bold;
padding: 5px;
font-family: Verdana, Geneva, sans-serif;
text-align: left;
vertical-align: baseline;
}

.text2 {
font-size: 21px;
color: #0B3040;
}

.text3 {
text-align: center;
color: #9FA0A0;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.text4 {
font-size: 21px;
color: #0B3040;
font-family: Arial, Helvetica, sans-serif;
padding-top: 5px;
}

.text5 {
font-size: 21px;
font-weight: bold;
color: #0b3040;
font-family: Arial, Helvetica, sans-serif;
padding-top: 0px;
}
.text6 {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
color: #092a3d;
}
.text7 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.25em;
font-style: normal;
line-height: normal;
text-align: center;
padding-top: 0.2em;
padding-bottom: 0.2em;
top: auto;
}
.text8 {
font-family: Verdana, Geneva, sans-serif;
font-size: 1em;
font-style: normal;
line-height: normal;
font-weight: bold;
text-align: center;
padding-top: 0.2em;
padding-bottom: 0.2em;
top: auto;
}

/** LISTS */

.list1 {
padding: 0px;
list-style-image: none;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: -20;
font-size: 1.5 em;
font-weight: bold;
}
.listhomepage {
font-family: Verdana, Geneva, sans-serif;
font-size: 1.5 em;
font-weight: bold;
padding-left: 20px;
}

.list1 li {
padding: 5px 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-image: none;
background-repeat: repeat-x;
background-position: left top;
}
ul {

margin-top:0;
margin-bottom:0;
list-style-position: inside;
list-style-type: disc;
overflow: visible
}

.list1 .first {
background: none;
margin: 0px;
padding: 0px;
border-top-color: #CCC;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
display: inline;/*setting for FF and other standards compliant browsers*/
#display: block /*setting for IE7*/
_display: block /*setting for IE6*/
; list-style-position: inside;
}

.list1 h4 {
font-size: 12px;
list-style-position: inside;
}

.list1 p {
margin: 0px;
color: #1D5065;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 25px;
display: inline;/*setting for FF and other standards compliant browsers*/
#display: block /*setting for IE7*/
_display: block /*setting for IE6*/
}

.list1 a {
text-decoration: none;
color: #426775;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 20px;
margin: 0px;
background-image: none;
background-repeat: no-repeat;
background-position: left center;
list-style-position: inside;
display: inline;/*setting for FF and other standards compliant browsers*/
#display: block /*setting for IE7*/
_display: block /*setting for IE6*/
}

.list1 a:hover {
text-decoration: underline;
margin: 0px;
padding: 0px;
padding-bottom: 10px;
padding-left: 20px;
}

/** LINKS */

a {
color: #1D5065;
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

a:hover {
text-decoration: underline;
margin: 0px;
padding: 0px;
color: #1C3F51;
}

.link1 {
text-decoration: none;
font-weight: bold;
color: #FFF;
font-family: Verdana, Geneva, sans-serif;
}
a.link1:visited {
color: #FFC;
}
a.link1:hover {
color: #CCC;
}

.link2 {
text-decoration: none;
color: #CCC;
position: static;
text-align: center;
vertical-align: middle;
}
a.link2:visited {
color: #FFC;
}
a.link2:hover {
color: #CCC;
text-decoration: underline;
}

.link2:hover {
text-decoration: underline;
}

/** STYLES */

.style1 {
padding-left: 16px;
background: url(images/subpage1_01.gif) no-repeat 0px 5px;
}

.style1 a {
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1 {
background-image: url(images/homepage02.jpg);
background-repeat: repeat-x;
background-position: left top;
margin: 0px;
padding: 0px;
}
.bg2 {
background-image: url(images/homepage03_3.gif);
background-repeat: repeat;
background-position: left top;
}
.bg3 {
background-repeat: no-repeat;
background-position: left top;
background-color: #FFF;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
}
.bg4 { background: url(images/homepage08.gif) repeat-x left bottom; }
.bg5 {
background: #FFFFFF;
margin: 0px;
padding: 0px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}
.bg6 {
background-image: url(images/homepage14_2.gif);
background-repeat: repeat-x;
background-position: left top;
}
td {
vertical-align: middle;
overflow:hidden;
}


.bg8 {
font-family: Arial, Helvetica, sans-serif;
background-image: url(images/UpperFooterBG40px.jpg);
background-repeat: repeat-x;
background-position: left top;
line-height: normal;
}
.bg7 {
background: url(images/homepage16.gif) repeat-x left top;
margin: 0px;
padding: 0px;
color: #FFF;
}

/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-repeat: no-repeat;
background-position: left top;
}

.img1 {
float: left;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 0px;
}

.img2 {
float: right;
margin: 0px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
height: 1px;
margin-top: 15px;
padding-bottom: 15px;
background: url(images/homepage13.gif) repeat-x left top;
}
ol {
list-style-position: inside;
}
 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month