Ik ben bezig met een website voor mijn vereniging. Nu ben ik een heel eind en heb de site neergezet op mijn webserver.
Tot mijn spijt heb ik moeten constateren dat als ik de website op een andere computer bekijk er schuifbalken verschijnen.
is er iets van een script die de website aanpast op verschillende beeld instellingen?
Ik heb de site gemaakt op de instelling 1280 bij 960
en de layout ziet er zo uit:
[start code]
<html>
<head>
<title>index.php</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body { background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
#header { position:absolute; width:100%; top:0; left:0; height:156px; border:0px;}
#menu { position:absolute; width:159px; left:0; top:152px; border:0px; height:100%; background-color:#CCD6E0}
#menu ul { padding:5px; margin:5px; background-color:#3366CC }
#menu li { padding:5px; margin:0; list-style-type:none;}
#menu a { text-decoration:none; color:#000000;}
#menu a:hover { text-decoration:underline; color:#000000;}
#content { position:relative; width:100%; left:159px; top:152px; border:0px ; height:100%; font-family:"Times New Roman", Times, serif; font-size:14px}
</style>
</head>
<body>
<div id="header">[img]"images/top[/img]</div>
<div id="menu">
<ul>
<li><a href="?go=alumnihome" style="color:#000000">Home</a></li>
<li><a href="?go=alumninews" style="color:#000000">Agenda</a></li>
<li><a href="?go=alumniforum" style="color:#000000">Forum</a></li>
<li><a href="?go=alumnifotos" style="color:#000000">Foto's</a></li>
<li><a href="?go=alumnilinks" style="color:#000000">Links</a></li>
<li><a href="?go=alumniwerk" style="color:#000000">Werk en stage</a></li>
<li><a href="?go=alumnibestuur" style="color:#000000">Het bestuur</a></li>
<li><a href="?go=alumniinfo" style="color:#000000">Algemene informatie</a></li>
<li><a href="?go=alumniformulieren" style="color:#000000">Formulieren</a></li>
</ul>
</div>
<div id="content">
<?
if(!$_GET['go']) {
$_GET['go'] = "alumnihome"; }
include "" . $_GET['go'] . ".php";
?>
</div>
</div>
</body>
</html>
[einde code]
Tot mijn spijt heb ik moeten constateren dat als ik de website op een andere computer bekijk er schuifbalken verschijnen.
is er iets van een script die de website aanpast op verschillende beeld instellingen?
Ik heb de site gemaakt op de instelling 1280 bij 960
en de layout ziet er zo uit:
[start code]
<html>
<head>
<title>index.php</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body { background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
#header { position:absolute; width:100%; top:0; left:0; height:156px; border:0px;}
#menu { position:absolute; width:159px; left:0; top:152px; border:0px; height:100%; background-color:#CCD6E0}
#menu ul { padding:5px; margin:5px; background-color:#3366CC }
#menu li { padding:5px; margin:0; list-style-type:none;}
#menu a { text-decoration:none; color:#000000;}
#menu a:hover { text-decoration:underline; color:#000000;}
#content { position:relative; width:100%; left:159px; top:152px; border:0px ; height:100%; font-family:"Times New Roman", Times, serif; font-size:14px}
</style>
</head>
<body>
<div id="header">[img]"images/top[/img]</div>
<div id="menu">
<ul>
<li><a href="?go=alumnihome" style="color:#000000">Home</a></li>
<li><a href="?go=alumninews" style="color:#000000">Agenda</a></li>
<li><a href="?go=alumniforum" style="color:#000000">Forum</a></li>
<li><a href="?go=alumnifotos" style="color:#000000">Foto's</a></li>
<li><a href="?go=alumnilinks" style="color:#000000">Links</a></li>
<li><a href="?go=alumniwerk" style="color:#000000">Werk en stage</a></li>
<li><a href="?go=alumnibestuur" style="color:#000000">Het bestuur</a></li>
<li><a href="?go=alumniinfo" style="color:#000000">Algemene informatie</a></li>
<li><a href="?go=alumniformulieren" style="color:#000000">Formulieren</a></li>
</ul>
</div>
<div id="content">
<?
if(!$_GET['go']) {
$_GET['go'] = "alumnihome"; }
include "" . $_GET['go'] . ".php";
?>
</div>
</div>
</body>
</html>
[einde code]