homepage Welcome to WebmasterWorld Guest from 54.167.173.250
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Browsers / Firefox Browser Usage and Support
Forum Library, Charter, Moderators: incrediBILL

Firefox Browser Usage and Support Forum

    
Table Don't Display Properly
Tables in Firefox Don't Display Correctly
Alliee




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

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

 

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Browsers / Firefox Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved