ik heb een leuke layout gemaakt ( met hulp van mensen hier ) maar er is nog een probleem IVM mijn eerste menutje in IE is deze gewoon... weg?
dit is mijn code:
index.php:
CSS: ( standaard stylesheet )
IE apart stylesheet:
Het gaat dus over de division TOPMENU, deze is niet zichtbaar in IE7
in FF doet ie het prima! ...
hier mijn website online als voorbeeld: www.wicked****.info , bekijk hem eens in firefox en ie dan zie je het verschil wel!
mijn webiste.... wickedsh*it.info dus
dit is mijn code:
index.php:
PHP:
<?php
include ('submenu.php');
include ('glob_func.php');
?>
<!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=utf-8" />
<title>Earn Money Online!</title>
<link rel="stylesheet" href="style.css" type="text/css" title="standard stylesheet" />
<!--[if IE]>
<link rel="stylesheet" href="IE.css" type="text/css" title="IE" />
<![endif]-->
</head>
<body>
<div id="header" align="center">
<div id="banner"></div>
</div>
<div id="container">
<div id="content" class="m">
<?php
if ( isset($_GET['p'])) {
$p = $_GET['p'];
switch ($p) {
case 'def' : include('default.php'); break;
case 'gpt' : include('gpt.php'); break;
case 'adv' : include('advertising.php'); break;
case 'resell' : include('reselling.php'); break;
case 'afl' : include('afliate.php'); break;
case 'risk' : include('risk.php'); break;
case 'other' : include('other.php'); break;
}
}
else
{
include ('default.php');
}
?>
</div> <!-- content -->
<div id="topmenu">
<ul>
<li><a class="linkm" href="index.php?p=news">news</a></li>
<li><a class="linkm" href="index.php?p=feed">feedback</a></li>
<li class="last"><a class="linkm" href="index.php?p=def">Home</a></li>
</ul>
</div>
<div id="menu">
<div id="menucontent">
<ul>
<li><a href="index.php?p=gpt">Get paid to</a></li>
<li><a href="index.php?p=adv">Advertising</a></li>
<li><a href="index.php?p=resell">Reselling</a></li>
<li><a href="index.php?p=afl">Afliate sales</a></li>
<li><a href="index.php?p=risk">Investment</a></li>
<li><a href="index.php?p=other">Other</a></li>
</ul>
</div> <!-- menucontent -->
<div id="menucontentsub">
<?php
if ( isset($_GET['p'])) {
$p = $_GET['p'];
switch ($p) {
case 'def' : display('def'); break;
case 'gpt' : display('gpt'); break;
case 'adv' : display('adv'); break;
case 'resell' : display('resell'); break;
case 'afl' : display('afl'); break;
case 'risk' : display('risk'); break;
case 'other' : display('other'); break;
}
}
else
{
display ('default');
}
?>
</div><!-- menucontentsub -->
<?php
addiv();
?>
</div> <!-- menu -->
<div class="clear"></div>
<div id="default_advertise">
<p>Hier komen alle advertenties<br />deze moet helemaal onderaan tegen het zwarte plakken!</p>
</div>
<div id="footer">This website and its contents are copyright © 2007 sven V. All rights reserved</div> <!-- FOOTER END -->
</div> <!-- CONTAINER END -->
</body>
</html>CSS: ( standaard stylesheet )
PHP:
* { margin: 0; padding: 0; }
body {
background: #405965;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 62.5%;
}
#container {
background: #fff9ff url('img/test.gif') repeat-y;
border-left:#000000 12px solid;
border-right:#000000 12px solid;
border-top: 1px solid;
margin: 0 auto;
min-height: 550px;
padding-bottom: 25px;
position: relative;
width: 760px;
}
#header {
border-bottom: 2px solid #000000;
border-top: 2px solid #000000;
background: url('img/bodybg.gif');
height: 65px;
}
#banner {
background: url('img/banner1.png') center center no-repeat;
border-left:#000000 12px solid;
border-right:#000000 12px solid;
height: 65px;
width: 760px;
}
#footer {
background: #000000;
bottom: 0px;
color: #ffffff;
font-size:1.7em;
height:25px;
position: absolute;
text-align:center;
width: 100%;
}
#menu {
float: left;
width: 130px;
}
#content {
border-top: #000099 1px solid;
float: right;
padding: 10px 5px 0 5px;
width: 619px;
margin-top:20px;
}
.m {
font-size: 1.5em;
}
.clear {
clear: both;
}
/**********************************************************MENUUUUUUUUUU********************************
********************************************************************************************************
*/
#menucontent {
font-size:1.3em;
}
#menucontent ul {
list-style-type: none;
}
#menucontent ul li {
border-bottom: #000000 1px solid;
text-align:center;
}
#menucontent li {
border-bottom: #000000 1px solid;
text-align:center;
list-style-type: none;
}
#menucontent a {
background: #b99eb9;
color: #000000;
display: block;
padding: 2px;
text-decoration: none;
}
#menucontent a:hover {
background: #455157;
color: #ffffff;
display: block;
font-weight: bold;
text-decoration: none;
}
#menucontentsub {
background:#b99eb9;
border-top: #000000 12px solid;
}
#topmenu {
background-color: #b99eb9;
font-size: 1.3em;
height: 20px;
position: absolute;
right: 0px;
top: 0px;
/*width: 304px;*/
}
#topmenu ul {
list-style-type: none;
}
#topmenu ul li {
float: left;
text-align: center;
width: 100px;
}
#topmenu ul li a {
border-left: #000000 1px solid;
color: #000000;
height: 20px;
display:block;
text-decoration:none;
}
#topmenu a:hover {
background-color: #455157;
color: #ffffff;
display: block;
font-weight: bold;
text-decoration: none;
}
.last {
border-bottom:none;
}
/*******************************************************************************************************
********************************************************************************************************
*/
#default_advertise {
background: #b99eb9;
border-top: 1px solid #000066;
bottom: 24px;
height: 64px;
position: absolute;
right: 0;
width: 629px;
}IE apart stylesheet:
PHP:
@charset "utf-8";
/* CSS Document */
#container {
height:550px;
}
#footer {
margin-bottom:-1px;
}Het gaat dus over de division TOPMENU, deze is niet zichtbaar in IE7
in FF doet ie het prima! ...
hier mijn website online als voorbeeld: www.wicked****.info , bekijk hem eens in firefox en ie dan zie je het verschil wel!
mijn webiste.... wickedsh*it.info dus
