Pagina centreren

betste maccers,

ik wil mn pagina netjes in het midden van het beeldscherm centreren maar op de een of andere manier lukt het niet… naar mijn idee doe ik het goed…

wie kan er zien waar een foutje zit of waar ik iets moet veranderen zodat de pagina netjes in het midden staat.

dit is mn code:

<?php
defined( ‘_VALID_MOS’ ) or die( ‘Direct Access to this location is not allowed.’ );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( ‘=’, _ISO );
// xml prolog
echo ‘<?xml version=“1.0” encoding="’. $iso[1] .’"?’ .’>’;
?>
<!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>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
?>
<meta http-equiv=“Content-Type” content=“text/html; <?php echo _ISO; ?>” />
<link href="<?php echo $mosConfig_live_site;?>/templates/waterandstone1/css/template_css.css" rel=“stylesheet” type=“text/css”/>
</head>
<body class=“waterbody”>

<div align=“center”>
<div id=“container”>
<div id=“outerleft”>
<div id=“center”>
<!-- start logo →
<div id=“logo”>
<a href=“index.php”><img src="<?php echo $mosConfig_live_site; ?>/templates/waterandstone1/images/logo.jpg" alt=“logo image” border=“0” align=“top” /></a>
</div>
<!-- end logo →
<!-- start top menu. →
<div id=“topmenu”>
<?php mosLoadModules(‘top’,-1); ?>
</div>
<!-- end top menu. →
<div id=“container_inner”>
<!-- start left column. →
<div id=“leftcol”>
<?php mosLoadModules(‘left’); ?>
<?php mosLoadModules(‘user1’); ?>
</div>
<!-- end left column. →
<!-- start content top wrapper →
<?php
if (mosCountModules(‘user2’) >= 1 OR mosCountModules(‘user3’) >= 1 ) {
?>
<div id=“content_top_wrapper”>
<!-- start content top 1. →
<div id=“content_top1”>
<?php mosLoadModules(‘user2’); ?>
</div>
<!-- end content top 1 →
<!-- start content top 2. →
<div id=“content_top2”>
<?php mosLoadModules(‘user3’); ?>
</div>
<!-- end content top 2 →
</div>
<?php
}
?>
<!-- end content top wrapper →
<!-- start main body →
<div id=“content_main”>
<?php mosPathWay(); ?>
<table width=“400” border=“0” cellspacing=“0” cellpadding=“0”>
<tr>
<td>
<?php mosMainBody(); ?>
</td>
</tr>
</table>
</div>
<!-- end main body →
</div>
</div>
<div id=“blackline”>
</div>
</div>
</div>
<?php mosLoadModules(‘debug’, -1);?>
</body>
</html>

Probeer eens style="text-align: center;" (wilde gok).

Sorry, maar wat een rommel :sealed: het is beter/makkelijker om je CSS-code eens te laten zien, in plaats van een boodschappenlijstje.

Het beste kun je als je een berichtje tikt codes e.d. hierin zetten:
[ code ] hierin, maar dan zonder spaties [ /code ]
Dit gaat er dan zo uitzien: [code:1:710a797f3a] hierin, maar dan zonder spaties [/code:1:710a797f3a] Maar anyhoo… je gebruikt CSS zo te zien, dus dan zou je daar
je pagina ook mee moeten/kunnen centreren.

Mvg,
Joram

p.s.: zet in de body-tag in je CSS het volgende [code:1:710a797f3a]margin: 0 auto;[/code:1:710a797f3a]
Dus totaalplaatje zoiets als: [code:1:710a797f3a]body {
margin: 0 auto;
}[/code:1:710a797f3a]

jah, idd het is een beetje uit de hand gelopen.. maar @ joram hoe kan je in CSS dan je hele pagina centreren.. ik neem aan dat je het helemaal bovenaan moet zetten? maar wat moet je precies neerzetten?

De onderstaande code is een kale htmlpagina, met een interne stylesheet (CSS). [code:1:ae381bcfaf]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html> <head> <title>naam</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">
/* Dit is een comment… tussen deze tags genaamd <style> zet je je CSS */
body {
margin: 0 auto;
}
</style>
</head>

<body>
hier komt je site te staan.
</body>
</html>[/code:1:ae381bcfaf]Voor zover ik weet, is deze manier de makkelijkste. Het is ook het makkelijkst te onthouden :stuck_out_tongue:

Met css kun je op verschillende manieren centreren. Bijvoorbeeld:

css:[code:1:28f6fa3151]
#center {
position: absolute;
width: 800px;
height: 200px;
left: 50%;
margin-left: -400px;
border: 1px solid black;
}[/code:1:28f6fa3151]
html:

[code:1:28f6fa3151]<div id="center"></div>[/code:1:28f6fa3151]

Beste J-roen: ook voor HTML geldt dat minder vaak meer is. Je hebt nu een eindeloze rij overbodige div's achter elkaar gezet. Probeer het volgende eens:

[code:1:4e73c224ed]
<body>
<div id="container">
… (de rest van je website …)
</div>
</body>
[/code:1:4e73c224ed]

En dan in je CSS:

[code:1:4e73c224ed]
#container {
width : 500px;
margin : 0 auto;
}
[/code:1:4e73c224ed]

die 500 pixels breedte kan natuurlijk ieder willekeurig getal zijn, of een % of em’s.

Meteen even een vraag van een boerenlul die alleen met % en px werkt tot op de dag van vandaag: Wat (of hoeveel) is een em ?

Dat hangt af van je font groote in een element:

http://www.w3schools.com/css/css_units.asp

Wow ... dat hielp ... :evil:

[quote:ad113f65b3="R_van_Heukelum"]Meteen even een vraag van een boerenlul die alleen met % en px werkt tot op de dag van vandaag: Wat (of hoeveel) is een em ?[/quote:ad113f65b3]

De definitie:

[quote:ad113f65b3]
The ‘em’ unit is equal to the computed value of the ‘font-size’ property of the element on which it is used. The exception is when ‘em’ occurs in the value of the ‘font-size’ property itself, in which case it refers to the font size of the parent element.
[/quote:ad113f65b3]

Het is waarde van de gespecificeerde font-size: dus als je op de body de waarde zet: font-size : 15px, dan is 1 em 15 pixels. Als je de font-size ongespecificeerd laat is het de waarde van het basislettertype en de grootte die in je browser is ingesteld, waarmee em net als % een relatieve maat is.

okeej het is gelukt :) bedankt allemaal voor de goede antwoorden

:apple: