Centreren content op een webpagina

Van vragen is nog nooit iemand dommer geworden. Succes Marijke!

Ik wens je veel succes Marijke, echter beveel ik je toch een poosje leren aan voordat je begint met webdesign. Verder thumbs up. :)

Verder als beginner zou ik juist direct beginnen met <div> ipv tabellen.

Citaat:

Oorspronkelijk geplaatst door systemdeveloper

Kan aan mij liggen maar jouw versie werkt even slecht als die van mijn post :)
En fouten kunnen we ook niet hebben dus....

Bekijk de code van www.hostinglease.nl/x.html maar (Opera, IE en FF).

Of beter nog.. hiero... voordat er weer iemand klaagt over een link naar mijn eigen site... :P

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
body {
color: black;
background-color: #eeeeee;
margin: 0px;
}
#content {
background-color: #dddddd;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
width: 350px;
height: 100px;
margin-top: -50px;
margin-left: -175px;
visibility: visible;
border: 1px solid #000000;
}
</style>
</head>
<body>
<div id="content">
Groetjes van </br>
SystemDeveloper.NL
</div>
</body>
</html>

Groet

Deze oplossing werkt niet altijd goed. Als je dit gebruikt om je volledige website te centreren en mensen hebben een (veel) lagere resolutie of kleinere browser, dan valt een deel van de website weg aan de linker kant. Hier kan je ook niet bij komen door te scrollen.

De oplossing van V. Kleijnendors werkt dan wat beter, want daarbij is dat probleem niet:

Code:

body{ text-align: center; } #main{ margin: 0px auto; text-align: left; width: 770px; background: #ccc; } <body> <div id="main"></div> </body>

Het nadeel van deze oplossing waar wij tegenaan liepen was het volgende. Wanneer je die div een background image geeft waarbij je bijvoorbeeld eerst een balk van 100px hebt en vervolgens wit, zal deze background wegvallen wanneer je het venster kleiner maakt.

- Dennie