Geachhte webdesigners !!!
Hierbij wil ik graag het volgende vragen,
Ik heb met dreamweaver eindelijk container div gemaakt, maar nu wil ik nog wat css toepassingen die mij nog onduidelijk zijn
Namelijk het in het midden zetten 'centreren' van de website
Als ik het aangeef bij container div zet die alle inhoud in het midden
en de breedte van de site '780' px, ik heb dat aangegeven bij de container maar dan gebeurt er wijnig
verder wil ik de site kunnen vergroten maar daar heb ik geen verstand van
is dat javascript of is er een makkelijkere manier\
graag advies
Hierbij wil ik graag het volgende vragen,
Ik heb met dreamweaver eindelijk container div gemaakt, maar nu wil ik nog wat css toepassingen die mij nog onduidelijk zijn
HTML:
<!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>Untitled Document</title>
<style type="text/css"></style>
<link href="stylesheet/basic.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
position:absolute;
left:30px;
top:-5px;
width:1097px;
height:116px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:33px;
top:114px;
width:258px;
height:468px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:930px;
top:115px;
width:200px;
height:470px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:293px;
top:116px;
width:641px;
height:467px;
z-index:4;
}
#apDiv9 {
position:absolute;
left:11px;
top:-17px;
width:780px;
height:641px;
z-index:5;
}
#container {
position: relative;
}
</style>
</head>
<body>
<div align="left" id="container">
<div id="apDiv1"><a href="index.php"><img src="afbeeldingen/logo_energynet.gif" width="1099" height="112" alt="Home" /></a></div>
<div id="apDiv2">
<p><br />
<img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="index.php?p=algemene_informatie">Algemene informatie</a><br />
<a href="index.php?p=tarieven">Tarieven</a><br />
<a href="index.php?p=pakketen">Pakketten</a><br />
<img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="index.php?p=service">Service en onderhoud</a><br />
<a href="index.php?p=energyservice">EnergyService</a><br />
<a href="index.php?p=product">Productadvies</a><br />
<a href="index.php?p=besparingtips">Besparingstips</a><br />
<img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="index.php?p=vraagentwoord">Vraag en antwoord</a><br />
<a href="index.php?p=mail">Per e-mail</a><br />
<a href="index.php?p=chat">Via chat</a><br />
<img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="index.php?p=gegevens">Uw gegevens</a><br />
<a href="index.php?p=nota">Nota en verbruik</a><br />
<a href="index.php?p=meterstanden">Meterstanden doorgeven</a><br />
<a href="index.php?p=verhuizing_doorgeven">Verhuizing doorgeven</a></p>
</div>
<div id="apDiv3">
<p><img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="index.php?p=verhuizing_doorgeven">Verhuizen, wat nu?</a><br />
<img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="index.php?p=besparingtips">Besparingstips</a><br />
<img src="afbeeldingen/vink.gif" width="15" height="16" /><a href="index.php?p=klantenservice">Klantenservice</a></p>
<p> </p>
<form id="form1" name="form1" method="post" action="">
<label for="e-mail"></label>
e-mailadres :<br />
<label for="e-mail2"></label>
<input type="text" name="e-mail" id="e-mail2" />
<br />
wachtwoord: <br />
<label for="wachtwoord"></label>
<input type="text" name="wachtwoord" id="wachtwoord" />
<br />
<em>Controleer uw gegevens</em>
</form>
</div>
<div id="apDiv4">
<?php
if (isset($_GET['p'])) {
$includebstandtemp = $_GET['p'];
if (is_file($_GET['p'] . '.html')) {
$includebstand = ''.$includebstandtemp.'.html';
}
}
else {
$includebstand = '';
}
if (!empty($includebstand)) {
include($includebstand);
}
?>
<?php if (!isset($_GET['p'])) { ?>
<h1>Welkomstvenster</h1>
<p>Welkom bij de Online HelpDesk van EnergyNet<br />
U vraagt, wij antwoorden<br />
Op deze Online HelpDesk kunt u vragen stellen omtrent de tarieven en de pakketten die wij aanbieden.<br />
Beheer uw eigen gegevens<br />
Wilt u op de hoogte blijven van uw verbruik, uw nota inzien, een verhuizing of de meterstanden doorgeven? Dat kan met uw eigen e-mailadres en wachtwoord. Als u nieuw bent, vult u eenmalig een registratieformulier in.</p>
<?php } ?>
</div>
</div>
</body>
</html>Namelijk het in het midden zetten 'centreren' van de website
Als ik het aangeef bij container div zet die alle inhoud in het midden
en de breedte van de site '780' px, ik heb dat aangegeven bij de container maar dan gebeurt er wijnig
verder wil ik de site kunnen vergroten maar daar heb ik geen verstand van
is dat javascript of is er een makkelijkere manier\
graag advies
