Beste mensen,
Ik heb een stageverslag gemaakt en ik heb gebruik gemaakt van een javascript dropdown menu.
In firefox doet het dropdown menu het gewoon alleen in IE7 niet.
Kunnen jullie mij hierbij helpen? De code heb ik hieronder geplakt.
/**
* Standaard waarden
**/
* {
margin: 0;
padding: 0;
border: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
outline-style: none;
}
p {
line-height: 21px;
padding: 0 0 20px 0;
}
h2 {
font-size:17px;
color:#919191;
}
body {
}
#main {
width: 900px;
height: 800;
position: relative;
margin: 0 auto;
}
#header {
background-image:url("images/header.jpg");
height: 218px;
background-repeat: no-repeat;
}
#menu {
height: 13px;
width:100;
color: #919191;
background-repeat: no-repeat;
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav li {
color:#919191;
float: left;
width: 126px;
padding-bottom:4px;
}
ul a{
font-weight: bold;
color: #919191;
cursor: default;
clear:both;
}
ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #919191;
cursor: pointer;
}
ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #666666;
cursor: pointer;
text-decoration:underline;
}
#nav ul {
color:#919191;
position: absolute;
width: 120px;
left: -1000px;
}
#nav li:hover ul {
left: auto;
}
#content {
height: auto;
float: left;
width: 963px;
color:#554f4f;
}
#content-left{
background-image: url("images/contentleft_bg.jpg");
float: left;
width: 334px;
min-height:337px;
color:#919191;
padding-top:100px;
padding-left:50px;
}
#tweeafbeeldingen{
padding-right:10px;
}
#content-right{
background-image:url(images/contentachtergrondvrijstaand.jpg);
width: 448px;
height: 407px;
float: left;
background-repeat:no-repeat;
padding: 15px;
line-height: 21px;
}
#content-afbeelding{
background-image:url(images/contentrechtsafbeelding.jpg);
width:37px;
float:left;
height:407px;
}
#footer{
padding-right:10px;
height: 127px;
width:900px;
margin-left:-6px;
}
Ik heb een stageverslag gemaakt en ik heb gebruik gemaakt van een javascript dropdown menu.
In firefox doet het dropdown menu het gewoon alleen in IE7 niet.
Kunnen jullie mij hierbij helpen? De code heb ik hieronder geplakt.
/**
* Standaard waarden
**/
* {
margin: 0;
padding: 0;
border: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
outline-style: none;
}
p {
line-height: 21px;
padding: 0 0 20px 0;
}
h2 {
font-size:17px;
color:#919191;
}
body {
}
#main {
width: 900px;
height: 800;
position: relative;
margin: 0 auto;
}
#header {
background-image:url("images/header.jpg");
height: 218px;
background-repeat: no-repeat;
}
#menu {
height: 13px;
width:100;
color: #919191;
background-repeat: no-repeat;
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav li {
color:#919191;
float: left;
width: 126px;
padding-bottom:4px;
}
ul a{
font-weight: bold;
color: #919191;
cursor: default;
clear:both;
}
ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #919191;
cursor: pointer;
}
ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #666666;
cursor: pointer;
text-decoration:underline;
}
#nav ul {
color:#919191;
position: absolute;
width: 120px;
left: -1000px;
}
#nav li:hover ul {
left: auto;
}
#content {
height: auto;
float: left;
width: 963px;
color:#554f4f;
}
#content-left{
background-image: url("images/contentleft_bg.jpg");
float: left;
width: 334px;
min-height:337px;
color:#919191;
padding-top:100px;
padding-left:50px;
}
#tweeafbeeldingen{
padding-right:10px;
}
#content-right{
background-image:url(images/contentachtergrondvrijstaand.jpg);
width: 448px;
height: 407px;
float: left;
background-repeat:no-repeat;
padding: 15px;
line-height: 21px;
}
#content-afbeelding{
background-image:url(images/contentrechtsafbeelding.jpg);
width:37px;
float:left;
height:407px;
}
#footer{
padding-right:10px;
height: 127px;
width:900px;
margin-left:-6px;
}