Archief - xHTML/CSS: div centreren

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
E

Enigma²

Legacy Member
Code: 
div.header {position:absolute;top:25px;align="center" ;}
div.mid {position:absolute;top:200px;left:100px;}
.menu {position:absolute;top:37px;left:250px;width:550px;text-align:center;color:white;}
td:hover {color:darkblue;background-color:white;}
.inhoud {position:absolute;left:10px;top:10px;right:10px;height:400px;overflow:auto;}
body {background-image: url("background.jpg");}

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
<html>
<head>
<link href="stijl.css" rel="stylesheet" type="text/css" />
<title>Welkom </title>
</head>
<body>
<div class="header"><p><img src="header.jpg" alt="header"></img></p></div>
<table class="menu" border="0">
<tr><td>Wat</td><td>Geschiedenis</td><td>Wiskundig</td><td>Enquete</td><td>Toepassingen</td>
</tr></table>
<div class="mid">
<p><img src="mid.jpg" alt="mid"></img></p>
<div class="inhoud"><p>TEKST</p></div>


</body>
</html>

hoe kan ik mijn header en mid gedeeltje in het midden van mijn pagina krijgen? align:center lukt niet
S

SMa

Legacy Member
geen absolute positionering gebruiken en het zou moeten werken ;)
width meegeven, en margin auto
E

Enigma²

Legacy Member
SMa zei:
geen absolute positionering gebruiken en het zou moeten werken ;)
width meegeven, en margin auto
Klik om te vergroten...

dit werkt perfect! bedankt!

div.header {position:relative;top:25px;width:736px;align:0 auto;margin:auto}
E

Enigma²

Legacy Member
nu willen mijn CGI includes niet lukken... ik heb de pagina's al geupload naar een server ,want anders zou het sowieso niet werken?

HTML: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
<html>
<head>
<link href="stijl.css" rel="stylesheet" type="text/css" />
<title>Welkom </title>
</head>
<body>
<div class="header"><!--#include file="menu.shtml"-->
</div>
<div class="mid"><p><img src="mid.gif" alt="mid"></img></p>
<div class="inhoud"><p>TEKST
</p></div></div>


</body>
</html>

menu.html :

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd">
<html>
<head>
<link href="stijl.css" rel="stylesheet" type="text/css" />
<title>Welkom </title>
</head>
<body>
<div class="header"><p><img src="header gif.gif" alt="header"></img></p>
<table class="menu" border="0">
<tr><td>Wat</td><td>Geschiedenis</td><td>Wiskundig</td><td>Enquete</td><td>Toepassingen</td>
</tr></table></div>
</body>
</html>

... wat is hier dan fout aan?
E

Enigma²

Legacy Member
Mee zei:
Je include je menu.shtml bestand in je shtml-bestand? :)
Klik om te vergroten...

dat maakt niet echt uit he

ondertussen heb ik het probleem gevonden: de server van Belgacom ondersteunde dit niet,een andere server wel en het werkt nu.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan