Jeg kan ikke se min menu i IE7
Hej..Jeg er ved at lave en side, som jeg har opbygget med div-tags og brugt php så siden bliver længere jo mere tekst der er og så der kommer scrollbar på hele sidens længde. Mit problem er at man ikke kan se min menu med links i IE7..
Nogle der ved hvad jeg kan gøre for at man kan se min menu med links alle steder?????
Koden på index.php siden ser sådan ud..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css" media="screen">
@import url( style.css );
body {
scrollbar-highlight-color:b70304;
scrollbar-3dlight-color:b70304;
scrollbar-darkshadow-color:b70304;
scrollbar-shadow-color:b70304;
scrollbar-arrow-color:b70304;
scrollbar-track-color:black;
background-image: url(../mxsite/bg4.JPG);
margin-top: 0px;
border: 1;
border-color: #FFFFFF;
height: 30px;
scrollbar-face-color:black;
}
</style>
</head>
<body>
<div id="page">
<div id="topimage"></div>
<div id="top"> </div>
<div id="menu">
<a href="index.php?page=front">Forsiden</a> <a href="index.php?page=news2006">Nyheder</a> <a href="index.php?page=profile">Profil </a> <a href="index.php?page=pictures">Billeder</a> <a href="index.php?page=links">Links</a> <a href="index.php?page=sponsorer">Sponsorer </a><a href="index.php?page=gbook">Gæstebog </a><a href="index.php?page=contact">Kontakt</a><a href="front.php" target="content"></a></div>
<div id="content">
<?
$root = dirname( __FILE__ );
$page = (!empty( $_GET['page']) ? $_GET['page'].'.php' : 'front.php' );
$page = realpath($page);
if(substr($page, 0, strlen($root)) != $root && $page != __FILE__ ) {
$page = 'warning404.php';
}
include($page);
?>
</div>
<div style="clear:both;"></div>
</div>
<div id="copyright"> Copyright 2007 </div>
</body>
</html>
Min css ser sådan ud:
body {
background-image:url(images/margin.jpg);
font : 12px tahoma, sans-serif;
color: #000000;
padding:0;
margin:0 0 0 0;
text-align:center;
}
#page {
margin:0 auto;
width:679px;
border-color: #FFFFFF;
border-left-color: #FFFFFF;
border-left-style: solid;
border-right-color: #FFFFFF;
border-right-style: solid;
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 2px;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 2px;
}
#top {
background-image:url(images/topbillede.jpg);
width:679px;
height:219px;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 2px;
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 2px;
}
#menu {
height:0px;
width:679px;
vertical-align:middle;
text-align:left;
font:12px verdana, sans-seri;
background-color:#d1d1d1;
line-height: 2;
text-indent: 25px;
word-spacing: 20px;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 2px;
color:#ffffff;
font-weight: bold;
}
#content {
border-top: 0;
border-left: 0;
text-align:left;
width:679px;
height:100%;
float:left;
padding:0;
z-index:1;
background-color:#ffffff;
text-indent: 10px;
}
#calendar {
text-align:center;
font:9px verdana, sans-serif;
}
#copyright {
margin:0 auto;
width:679px;
padding:0px;
}
h1 {
padding:5px 0 5px 0;
margin:5px 0 5px 0;
}
hr {
background-color: #fff;
height:1px;
}
A, A:active, A:visited {
text-decoration : none;
color:#000000;
}
A:hover {
text-decoration : none;
color:#Ce0000;
}
table, td {
vertical-align:top;
}
#topimage {
margin:0 auto;
border: 0;
background:url(images/top.jpg);
background-repeat:no-repeat;
height:73px;
width:679px;
}
Jeg håber der er nogle der kan hjælpe!
