Problem with combining stylesheets for firefox and internet explorer - Programmers Heaven

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Categories

Problem with combining stylesheets for firefox and internet explorer

Hi,
I've been trying to get this right for so long now and I can't find the problem anymore.
I've recently started to create webpages completely based on stylesheets. So no more tables and frames.
I created the page with testing it in Forefox and everything looks to be fine until you open IE and look at the same page again.
Than suddenly the part where the menu is gonna come is completely wrong.
This is the code of the page:
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


DF5EA.COM












  
























[/code]

This is the code of the stylesheet:
[code]
/* STANDAARD -------------------------------------------------------*/
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
a, a:hover, a:visited{
text-decoration: none;
}
/* TEXT ------------------------------------------------------------*/
.headermenu-text a, a:visited{
font-size: 11px;
font-weight: bold;
color: #000000;
}
.headermenu-text a:hover{
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
}
.contentmenu-text a, a:visited{
font-size: 11px;
font-weight: bold;
text-align: left;
color: #000000;
}
.contentmenu-text a:hover{
font-size: 11px;
font-weight: bold;
text-align: left;
color: #000000;
}
#content-error{
text-align: center;
font-weight: bold;
}
/* LAYOUT ----------------------------------------------------------*/
#container{
width: 760px;
margin: 0;
padding: 0;
background-color: #FFFFFF;
}
#container-logo{
width: 760px;
height: 50px;
background-image: url(../../images/logo.jpg);
background-repeat: no-repeat;
background-position: left;
}
#container-header{
width: 760px;
background-color: #FFFFFF;
}
#container-footer{
width: 760px;
background-color: #FFFFFF;
}
#container-header-left{
background: url(../../images/layout/header_links.gif) top no-repeat;
height: 23px;
width: 180px;
display: block;
margin: 0;
padding: 5px 0px 0px 0px;
border: 0;
float: left;
}
#container-header-middle{
background: url(../../images/layout/header_midden.gif) top repeat-x;
width: 530px;
height: 23px;
display: block;
margin: 0;
padding: 0;
border: 0;
float: left;
}
#container-header-right{
background: url(../../images/layout/header_rechts.gif) top no-repeat;
width: 50px;
height: 23px;
display: block;
margin: 0;
padding: 0;
border: 0;
float: left;
}
#container-header-menu{
width: 760px;
height: 18px;
margin: 0;
padding: 0;
border: 0;
float: left;
text-align: center;
}
#container-content{
background-color: #FFFFFF;
width: 760px;
float: left;
margin-top: 10px;
}
#container-content-menu{
width: 180px;
height: auto;
float: left;
}

#container-content-main{
width: 530px;
float: left;
}
#container-footer-left{
background: url(../../images/layout/footer_links.gif) bottom no-repeat;
height: 23px;
width: 180px;
display: block;
margin: 10px 0px 0px 0px;
padding: 0;
border: 0;
float: left;
}
#container-footer-middle{
background: url(../../images/layout/footer_midden.gif) bottom repeat-x;
width: 530px;
height: 23px;
display: block;
margin: 10px 0px 0px 0px;
padding: 0;
border: 0;
float: left;
}
#container-footer-right{
background: url(../../images/layout/footer_rechts.gif) bottom no-repeat;
width: 50px;
height: 23px;
display: block;
margin: 10px 0px 0px 0px;
padding: 0;
border: 0;
float: left;
}

#clock {
font-weight: bold;
font-size: 9px;
color: #FFFFFF;
}
/* MENU ------------------------------------------------------------*/
#headermenu-top{
background: url(../../images/layout/menuheader_top.gif) top no-repeat;
width: 760px;
height: 2px;
margin: 0;
padding: 0;
display: block;
float: left;
}
#headermenu-middle{
background: url(../../images/layout/menuheader_middle.gif) top no-repeat;
width: 760px;
height: 15px;
margin: 0;
padding: 0;
display: block;
float: left;
}
#headermenu-bottom{
background: url(../../images/layout/menuheader_bottom.gif) top no-repeat;
width: 760px;
height: 2px;
margin: 0;
padding: 0;
display: block;
float: left;
}
#contentmenu-header{
background: url(../../images/layout/menucontent_header.gif) top no-repeat;
width: 180px;
float: left;
}
#contentmenu-middle{
background: url(../../images/layout/menucontent_bg.gif) top no-repeat;
width: 180px;
float: left;
}
#contentmenu-footer{
background: url(../../images/layout/menucontent_footer.gif) top no-repeat;
width: 180px;
float: left;
}
[/code]

Can anybody help me, there is a working version on: http://www.df5ea.com/new

Thanx in advance.
--=][tReShR][=--
Sign In or Register to comment.