Howdy, Stranger!

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

Sign In with Facebook Sign In with Google Sign In with OpenID

Categories

We have migrated to a new platform! Please note that you will need to reset your password to log in (your credentials are still in-tact though). Please contact lee@programmersheaven.com if you have questions.
Welcome to the new platform of Programmer's Heaven! We apologize for the inconvenience caused, if you visited us from a broken link of the previous version. The main reason to move to a new platform is to provide more effective and collaborative experience to you all. Please feel free to experience the new platform and use its exciting features. Contact us for any issue that you need to get clarified. We are more than happy to help you.

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.