Geneste weergave | Lineaire weergave

knol89 · 14-01-2010 13:08:01

Hallo, ik weet dat er heel veel forums op het internet staan met deze vraag maar mijn div wil niet centreren in IE.

Hier is mijn script :

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

<html>

<head>

<style type="text/css">

body {

background-color: #FFD600;

}

.logo {

margin: 0;

width: 224px;

height: 210px;

margin: auto;

margin-top: 5cm;

background-image:url('http://www.lkf-leiden.nl/index_bestanden/pic/logo/active.gif');

background-position: center;

background-repeat: no-repeat;

}

.tekst {

font-family: verdana;

font-size: 20px;

font-weight: bold;

text-align: center;

}

</style>

</head>

<body onload="ScrollTitle()">

<div>

<div class="logo"></div>

<p class="tekst">Welcome,<br />

Soon you will see our new site about Radioactivity.

</p><br /><br />

</body>

</div>

</html>

ik heb al op het internet gezocht naar hoe ik dit zou kunnen op lossen ...
maar ik kwam daar niet uit.

in IE doet hij niet niet met margin: auto;
Maar in FF wel.
( dat is ook een reden dat ik een hekel heb aan IE )

zouden jullie me kunnen vertellen waarom hij het niet doet en mij eventueel tips geven op het op te lossen ?

alvast bedankt,

knol89.

Jasper · 14-01-2010 13:12:53

eerst margin: 0 en dan margin: auto? dat gaat niet werken, al helemaal niet zonder breedte. Dit ligt overigens niet aan IE, maar aan jou. je declareert eerst een algehele margin: 0 en daarna een overschrijf je dat met een algehele margin: auto.

En waarom staat die lege div eromheen? En waarom die line-breaks? en waarom een class?

Doe eens in je css:

Code:

.foto {width: 500px; margin: 0 auto;}

knol89 · 14-01-2010 13:20:57

(14-01-2010 13:12:53)Jasper schreef: eerst margin: 0 en dan margin: auto? dat gaat niet werken, al helemaal niet zonder breedte. Dit ligt overigens niet aan IE, maar aan jou. je declareert eerst een algehele margin: 0 en daarna een overschrijf je dat met een algehele margin: auto.

En waarom staat die lege div eromheen? En waarom die line-breaks? en waarom een class?

Doe eens in je css:

Code:

.foto {width: 500px; margin: 0 auto;}

nog steeds hetzelfde verhaal met IE.

Div ::die lege div doe ik omdat anders die tekst IN de afbeelding komt te staan.

Class :: zo is het overzichtelijker en makkelijker aan te passen.

edit :

oops die div was inderdaad nergens voor nodig ....

Jasper · 14-01-2010 15:21:41

(14-01-2010 13:20:57)knol89 schreef: nog steeds hetzelfde verhaal met IE.

dan heb je er nog een div omheen staan ofzo, want het moet gewoon werken.

Jursten · 14-01-2010 17:38:25

je moet een wrapper om heen zetten.
dat is een div om al je andere divs heen.

wrapper.div{ margin: 0 auto;}

<div id="wrapper">
... rest van je divs of tables.
</div>

en dan zoudie het moeten doen in IE en FF

Gr Jursten

knol89 · 14-01-2010 19:30:41

Nog steeds niet .
ik weet echt niet waar het aan ligt.

Jasper · 14-01-2010 19:55:26

Geef eens een online voorbeeldje?

knol89 · 14-01-2010 20:01:52

(14-01-2010 19:55:26)Jasper schreef: Geef eens een online voorbeeldje?

http://www.lkf-leiden.nl

ik heb de CSS alleen in bestanden ingedeeld.

Jasper · 14-01-2010 20:29:02

sowieso moet je <script> boven je </body> niet eronder

en je moet je #wrapper ook een breedte meegeven.

knol89 · 14-01-2010 21:27:22

(14-01-2010 20:29:02)Jasper schreef: sowieso moet je <script> boven je </body> niet eronder

en je moet je #wrapper ook een breedte meegeven.

???

waarom ? is dat omdat de div het gehele scherm gebruikt als je geen breedte gebruikt ?

nog steeds niet.

Neophyte · 14-01-2010 22:12:12

knol89 schreef:in IE doet hij niet niet met margin: auto;
Maar in FF wel.
( dat is ook een reden dat ik een hekel heb aan IE )

zouden jullie me kunnen vertellen waarom hij het niet doet en mij eventueel tips geven op het op te lossen ?

Haal die tekst eens weg voor de doctype.
Wanneer je bij IE 6, 7 of 8 iets voor de Doctype zet gaat die in quirks mode draaien, de browser herkent dan de W3C standaarden niet. en gaat websites renderen als IE 5.5 die geen margin: 0 auto ondersteunt.

Jasper · 15-01-2010 08:42:58

(14-01-2010 21:27:22)knol89 schreef: waarom ? is dat omdat de div het gehele scherm gebruikt als je geen breedte gebruikt ?

inderdaad en....

(14-01-2010 22:12:12)Neophyte schreef: Wanneer je bij IE 6, 7 of 8 iets voor de Doctype zet gaat die in quirks mode draaien, de browser herkent dan de W3C standaarden niet. en gaat websites renderen als IE 5.5 die geen margin: 0 auto ondersteunt.

inderdaad!

knol89 · 15-01-2010 11:57:06

Neophyte / Jasper / Jursten, Bedankt hij werkt perfect

ik kan alleen geen reputatie geven .

Ikke · 15-01-2010 12:04:54

Is bekend.

Geneste weergave \| Lineaire weergave fout centreren div in ie
Auteur	Bericht