CMS Made Simple Forums

Can somebody tell me why the site www.chauffeurstelefoon.nl won't we displayed well in Firefox and Netscape? When I open the site in Explorer everything is fine.

Thanks!

My template code:

Content:



{title}
{stylesheet}










{cms_module module='phplayers'}




{title}&nbsp
{breadcrumbs}

{data}
{content}






© 2005 www.chauffeurstelefoon.nl






Stylesheet:


body { color: #A00000;
       background-color: #ffffff;
       font-size: 10pt;
       font-family: Verdana;
       margin: 10; }

td.nav     { color: #A00000;
             background-color: #fff;
             font-size: 10pt;
             text-align: center;
             font-family: Verdana }
td.header  { color: #A00000;
             font-size: 10pt;
             font-family: Verdana }
td.label   { color: #A00000;
             background-color: #ccccff;
             font-size: 10pt;
             font-family: Verdana }
td.body    { color: #A00000;

             background-color: #ffffff;
             font-size: 10pt;
             font-family: Verdana }

td.bodyalt { color: #A00000;
             background-color: #e9e9e9;
             font-size: 10pt;
             font-family: Verdana }
td.footer  { color: #A00000;
             font-size: 10pt;
             font-family: Verdana }

a:link     { color: #A00000;
             text-decoration: none;
             font-size: 10pt;
             font-family: Verdana }
a:visited  { color: #A00000;
             text-decoration: none;
             font-size: 10pt;
             font-family: Verdana }
a:active   { color: #A00000;
             text-decoration: none;
             font-size: 10pt;
             font-family: Verdana }
a:hover    { color: #800000;
             text-decoration: none;
             font-size: 10pt;
             font-family: Verdana }




.good     { color: #0033FF;
             font-weight: bold }
.bad      { color: #CC3300;
             font-weight: bold }

div.heading {
    background-color: #A00000;
    color: #F1EFE2;
    padding: 9px;
    text-align: left;
    font-size: 16px;
    font-weight: bold; 
    text-transform: uppercase;
}
div.leftsidebar {
    float: left;
    width: 100px;
    height: 865px;
    background-color: #A00000;
    font-size: 12px;
    padding: 5px;
    border: 1px solid #A00000;
    color: #444444;
}
div.thebody {
    padding: 5px;
    margin-left: 10px;
    width: 555px;
    background-color: #F1EFE2;
    font-size: 8pt;
    font-weight: bold
    font-family: Verdana;
}
div.bottom {
    background-color: #F1EFE2;
    border: 1px solid #B8ABA9;
    padding: 3px;
    text-align: center;
    font-size: 7;
    font-weight: bold;
    color: #A00000;
    width: 555px;
}
p.title {
    font-size: 14pt;
    font-weight: bold;
    margin: 0;
}
p.smalltitle {
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
    padding: 0px;
    background-color: #F1EFE2;
    text-transform: uppercase;
}
.breadcrumbs {
    font-size: 8pt;
    margin: 0;
    padding: 2px 0 2px 9px;
    background-color: #F1EFE2;
    text-transform: uppercase;
}
.breadcrumbs a {
    font-size: 8pt;
    text-transform: uppercase;
}
p.sectionname {
    font-weight: bold;
    margin: 0;
}
.leftsidebar p.sectionname {
    padding-left: 10px;
}
.icons {
    text-align: center;
}

/* Menu */
.verbar {
    color: #A00000;
    background-color: #F1EFE2;
}

.submenu    {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}

.subframe   {
    position: relative;
    display: block;
    background-color: #F1EFE2;
    border: 1px solid #A00000;
}

.item   {
    padding: 3px;
    text-align: left;
    white-space: nowrap;
}

.separator  {
    background-color: #A00000;
    border-top: 1px solid #A00000;
    border-bottom: 1px solid #A00000;
    margin: 2px 1px 2px 1px;    /* top right bottom left */
    height: 0;
    font-size: 1px;
    line-height: 0
}

.item a {
    position: relative;
    display: block;
    text-decoration: none;
}

.item a:link    {
    color: #A00000;
    text-decoration: none;
}

.item a:visited {
    color: #A00000;
    text-decoration: none;
}

.item a:hover   {
    color: #ffffff;
    background-color: #B8ABA9;
    text-decoration: none;
}

.item a:active  {
    color: #A00000;
    text-decoration: none;
}

.item .fwdarr   {
    position: absolute;
    top: 5px;
    right: 7px;
}

bas1968 wrote: Can somebody tell me why the site www.chauffeurstelefoon.nl won't we displayed well in Firefox and Netscape? When I open the site in Explorer everything is fine.

Explorer is very (too?) tolerant with invalid code. Firefox is the reference for good webdesign  .

As you can see the document declaration says the site contains xhtml. It means you should / must use valid xhtml. But your site doesn't contain this.

For example:

must be

must be



and so on, not only in template also in head and content.

With valid xhtml you can better see what you have to do - you can check it here. Sometimes invalid xhtml can destroying the layout.

Perhaps this will not correct the mistake but if you do this you can exclude this as error source.