centreer site in IE met CSS

**Jeroen Kamphuis** · 02-10-2008, 17:23

Het was inderdaad goochelen maar bij mij werkte het op dat moment. Jaap k's manier werkt idd het beste. Ik heb nu ook weer iets bijgeleerd.

MVG,

Jeroen Kamphuis ~ BetaSlice

**Jaap K** · 02-10-2008, 17:23

Origineel gepost door gast2960

Dat is toch niet de enige? ;)

Hier: http://www.gigadesign.be/2005/03/centreren-met-css-2/
Staat een mooie tutorial over hoe te centreren in xhtml. Dit is
de meest veilige manier die ik ken, en een manier die op goede
xhtml-pagina's altijd werkt.

Ik weet het, maar er staat me iets van bij dat die ook weer niet overal werkt. :)

**Jaap K** · 02-10-2008, 17:24

Origineel gepost door gehackte

Het was inderdaad goochelen maar bij mij werkte het op dat moment. Jaap k's manier werkt idd het beste. Ik heb nu ook weer iets bijgeleerd.

MVG,

Jeroen Kamphuis ~ BetaSlice

Zou je me me dan wel even uit kunnen leggen waarom je de body width op 500px zet? Lijkt me vrij onzinnig namelijk.. :)

No comment verder ;) Ben alleen benieuwd hoe je erbij kwam :)

**gast2960** · 02-10-2008, 17:26

Origineel gepost door Jaap K

Ik weet het, maar er staat me iets van bij dat die ook weer niet overal werkt. :)

Toch wel in Chrome, Opera. Netscape, Safari, IE6 & 7, Firefox, en aangezien
dat de meest gebruikte webbrowsers zijn werkt het uitstekend zonder al te veel handelingen ;)

Waar zou het dan niet werken? Qua resolutie is dit de beste oplossing
omdat er nu geen procenten meespelen die telkens veranderen.
Zeker wanneer je een horizontaal meerekende lay-out hebt.

**Ralph van leenen** · 02-10-2008, 17:28

dat gaat ook niet echt lekker Jaap :) , hij vliegt nu rechts het beeld uit..

Origineel gepost door Jaap K

Dit is de enige oplossing hoor :)

(Even een paar berichten terug van me, denk dattie over het hoofd gezien wordt :))

Code:

body {margin:0px; padding:0px;}
 
#container {
    position:absolute;
    left:50%;
    width:789px;
    margin-bottom:20px;
    margin-left:-395px
    padding:15px;
}

Met een negatieve margin dus :)

Edit: Je positioneert de container met de linkerkant op het midden (50% left dus), dan pak je de helft van de breedte, met een negatieve margin. Ipv dattie dan verder naar rechts schuift, gooit hij de marge de "verkeerde" kan op, maar precies de helft links van het midden, dus de andere helft zit... rechts van het midden.. Dat noemen ze centreren ;)

**Ferdi Reichart** · 02-10-2008, 17:33

Origineel gepost door Ferdi Reichart

2 bestanden is niet eens nodig.

* {
margin: 0;
padding: 0;
}
html {
background: #000000;
}
body {
width: 750px;
height: 100%;
font: 11px "Verdana";
margin: 0 auto;
color: #000000;
}
div#container {
width: 750px;
height: 750px;
background: #FFFFFF;
}

<!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=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<title>Centreer voorbeeld</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
</head>
<body>
<div id="container">
Centreren
</div>
</body>
</html>

http://www.ferdireichart.nl/css/centereren/

Probeer deze dan, De voorbeeld zit erbij die in IE en FF centreert en het maakt geen gebruik van magin en padding %

**gast2960** · 02-10-2008, 17:39

Niemand wilt geloven dat alleen de manier die ik voorstelde
goed werkt in de meeste browsers die tegenwoordig worden gebruikt :P

Er is een simpele manier, en als die niet werkt, dan is er iets toch niet goed aan je html of css.
Probeer hem anders eens uit op een test html-bestand.

**Ralph van leenen** · 02-10-2008, 17:43

ook niet... zie het resultaat

Origineel gepost door Ferdi Reichart

Probeer deze dan, De voorbeeld zit erbij die in IE en FF centreert en het maakt geen gebruik van magin en padding %

**Ferdi Reichart** · 02-10-2008, 17:47

Die van Gijsbert doet het ook wel hoor.

Zie: http://www.ferdireichart.nl/css/centereren/index2.html

**Ferdi Reichart** · 02-10-2008, 17:49

Origineel gepost door Ralph van leenen

ook niet... zie hier het resultaat

Je moet de height in div container weghalen.
height: 789px;

**Ralph van leenen** · 02-10-2008, 17:50

nou ja 10 euro voor degene die dit oplost, ik mail je dan alles door!

**Harmen Vogel** · 02-10-2008, 17:53

ik wil het wel even bekijken zonder 10 euro:)

**gast2960** · 02-10-2008, 17:53

Origineel gepost door Ralph van leenen

nou ja 10 euro voor degene die dit oplost, ik mail je dan alles door!

Voor 25€ laat je de complete website herslicen, eventueel ken ik wel een slicer
die voor die prijs de pagina perfect sliced zonder extra IE-css ;)

**Harmen Vogel** · 02-10-2008, 17:55

Origineel gepost door gast2960

Voor 25€ laat je de complete website herslicen, eventueel ken ik wel een slicer
die voor die prijs de pagina perfect sliced zonder extra IE-css ;)

het is toch helemaal niet nodig?
ookal is het misschien niet netjes gesliced.. maar het gaat puur om de container... de rest wat er in zit gaat auto. mee naar het midden...
maja.. veel mensen hebben het al geprobeerd.. dus ik zou zeggen.. mail de spulen even:)

**Ralph van leenen** · 02-10-2008, 17:56

Dank voor het aanbod, maar ik ben nou net op zoek naar hoe ik het op deze manier op moet lossen, wil weten waar het fout gaat.

Origineel gepost door gast2960

Voor 25€ laat je de complete website herslicen, eventueel ken ik wel een slicer
die voor die prijs de pagina perfect sliced zonder extra IE-css ;)

centreer site in IE met CSS

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

centreer site in IE met CSS

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Inloggen