Reactie plaatsen 
 
Waardering:
  • 0 stemmen - gemiddelde waardering is 0
  • 1
  • 2
  • 3
  • 4
  • 5
fout centreren div in ie
Auteur Bericht
knol89 Offline
Member
***

Berichten: 237
Lid sinds: 09-2008
Reputatie: 0
Bericht: #1
fout centreren div in ie
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.

>?< | : - ) | >?<
(Dit bericht is het laatst bewerkt op 14-01-2010 om 13:14:13 door knol89.)
14-01-2010 13:08:01
Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Jasper Offline
Ep2 Admin
******

Berichten: 14.399
Lid sinds: 04-2006
Reputatie: 223
Bericht: #2
RE: fout centreren div in ie
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;}

EclecticRadio™ ~ Non Stop Eclectic House Radio! ★
Nu met heus echt forum! Registreer je nu!
Kwaliteitshosting de eerste 6 maanden gratis met coupon '6JAAR'
(Dit bericht is het laatst bewerkt op 14-01-2010 om 13:14:31 door Jasper.)
14-01-2010 13:12:53
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
knol89 Offline
Member
***

Berichten: 237
Lid sinds: 09-2008
Reputatie: 0
Bericht: #3
RE: fout centreren div in ie
(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 .... :0

>?< | : - ) | >?<
(Dit bericht is het laatst bewerkt op 14-01-2010 om 13:27:04 door knol89.)
14-01-2010 13:20:57
Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Jasper Offline
Ep2 Admin
******

Berichten: 14.399
Lid sinds: 04-2006
Reputatie: 223
Bericht: #4
RE: fout centreren div in ie
(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.

EclecticRadio™ ~ Non Stop Eclectic House Radio! ★
Nu met heus echt forum! Registreer je nu!
Kwaliteitshosting de eerste 6 maanden gratis met coupon '6JAAR'
14-01-2010 15:21:41
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Jursten Offline
Newbie
*

Berichten: 1
Lid sinds: 01-2010
Reputatie: 0
Bericht: #5
RE: fout centreren div in ie
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
(Dit bericht is het laatst bewerkt op 14-01-2010 om 17:38:48 door Jursten.)
14-01-2010 17:38:25
Alle berichten van deze gebruiker zoeken Reageren op dit bericht
knol89 Offline
Member
***

Berichten: 237
Lid sinds: 09-2008
Reputatie: 0
Bericht: #6
RE: fout centreren div in ie
Nog steeds niet .
ik weet echt niet waar het aan ligt.

>?< | : - ) | >?<
14-01-2010 19:30:41
Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Jasper Offline
Ep2 Admin
******

Berichten: 14.399
Lid sinds: 04-2006
Reputatie: 223
Bericht: #7
RE: fout centreren div in ie
Geef eens een online voorbeeldje?

EclecticRadio™ ~ Non Stop Eclectic House Radio! ★
Nu met heus echt forum! Registreer je nu!
Kwaliteitshosting de eerste 6 maanden gratis met coupon '6JAAR'
14-01-2010 19:55:26
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
knol89 Offline
Member
***

Berichten: 237
Lid sinds: 09-2008
Reputatie: 0
Bericht: #8
RE: fout centreren div in ie
(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.

>?< | : - ) | >?<
(Dit bericht is het laatst bewerkt op 14-01-2010 om 20:02:13 door knol89.)
14-01-2010 20:01:52
Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Jasper Offline
Ep2 Admin
******

Berichten: 14.399
Lid sinds: 04-2006
Reputatie: 223
Bericht: #9
RE: fout centreren div in ie
sowieso moet je <script> boven je </body> niet eronder :)

en je moet je #wrapper ook een breedte meegeven.

EclecticRadio™ ~ Non Stop Eclectic House Radio! ★
Nu met heus echt forum! Registreer je nu!
Kwaliteitshosting de eerste 6 maanden gratis met coupon '6JAAR'
14-01-2010 20:29:02
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
knol89 Offline
Member
***

Berichten: 237
Lid sinds: 09-2008
Reputatie: 0
Bericht: #10
RE: fout centreren div in ie
(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.

>?< | : - ) | >?<
(Dit bericht is het laatst bewerkt op 14-01-2010 om 21:33:45 door knol89.)
14-01-2010 21:27:22
Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Neophyte Offline
Senior Member
****

Berichten: 653
Lid sinds: 08-2006
Reputatie: 35
Bericht: #11
RE: fout centreren div in ie
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.

(Dit bericht is het laatst bewerkt op 14-01-2010 om 22:31:15 door Neophyte.)
14-01-2010 22:12:12
Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Jasper Offline
Ep2 Admin
******

Berichten: 14.399
Lid sinds: 04-2006
Reputatie: 223
Bericht: #12
RE: fout centreren div in ie
(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!

EclecticRadio™ ~ Non Stop Eclectic House Radio! ★
Nu met heus echt forum! Registreer je nu!
Kwaliteitshosting de eerste 6 maanden gratis met coupon '6JAAR'
15-01-2010 08:42:58
De website van deze gebruiker bezoeken Alle berichten van deze gebruiker zoeken Reageren op dit bericht
knol89 Offline
Member
***

Berichten: 237
Lid sinds: 09-2008
Reputatie: 0
Bericht: #13
RE: fout centreren div in ie
Neophyte / Jasper / Jursten, Bedankt hij werkt perfect :D

ik kan alleen geen reputatie geven . :0

>?< | : - ) | >?<
15-01-2010 11:57:06
Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Ikke Offline
De enige echte
******

Berichten: 3.005
Lid sinds: 04-2006
Reputatie: 67
Bericht: #14
RE: fout centreren div in ie
Is bekend.

- OOP: Make simple things complex to make complex things simple
- Op deze planeet is stompzinnigheid nu eenmaal overvloediger dan zuurstof.
- The most constant factor of software is change
15-01-2010 12:04:54
Alle berichten van deze gebruiker zoeken Reageren op dit bericht
Reactie plaatsen 


Ga naar locatie:


Contact opnemen | Ep2 | Naar boven | Naar inhoud | Archiefmodus | RSS-syndicatie