Welcome to WebmasterWorld Guest from 54.146.246.4

Forum Moderators: incrediBILL

Message Too Old, No Replies

Table Don't Display Properly

Tables in Firefox Don't Display Correctly

     

Alliee

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;
}