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 nogle IE, jeg tror det kun er de nyere udgaver af IE man ikke kan se dem..
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>
Her er CSS
body {
scrollbar-face-color:black;
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(images/margin.jpg);
font : 12px tahoma, sans-serif;
color: #000000;
padding:0;
margin:20px 0 0 0;
text-align:center;
}
#page {
margin:0 auto;
border: 2;
width:679px;
background-color:#ffffff;
border-left: 2;
border-color: #FFFFFF;
border-left-color: #FFFFFF;
border-left-style: solid;
border-left-width: 2px;
border-right-color: #FFFFFF;
border-right-style: solid;
border-right-width: 2px;
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 {
color:#fff;
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:679;
}