IE doet raar met margin
Ik heb een probleem, wat volgens mij wordt veroorzaakt door een bug in Internet Explorer.
Nu is mijn vraag: klopt het dat dit een bug is, of heb ik zelf een fout gemaakt.
En wat is nou de beste oplossing om hetzelfde resultaat te krijgen??
Hier is te zien wat ik bedoel:
http://phphulp.daanvm.nl/margin.html
Alvast bedankt voor de reacties!
Daan
Laat je CSS maar eens zien dan.
Daan: hoe moet het uiteindelijk komen? Ik mis een goed voorbeeld.
Als ik de beschrijving op de pagina volg... dan staat er totaat iets anders als aan het begin van de pagina (ik bewerk de pagina online, vandaar).
Ik heb als css:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
div#container {
width: 600px;
height: 500px;
border: 1px solid black;
background: #066;
}
div#box1 {
width: 300px;
height: 150px;
border: 1px solid black;
background: #00f;
position: relative;
top: 50px;
left: 50px;
}
div#box2 {
width: 400px;
height: 300px;
border: 1px solid black;
position: relative;
top: 50px;
left: 50px;
}
width: 600px;
height: 500px;
border: 1px solid black;
background: #066;
}
div#box1 {
width: 300px;
height: 150px;
border: 1px solid black;
background: #00f;
position: relative;
top: 50px;
left: 50px;
}
div#box2 {
width: 400px;
height: 300px;
border: 1px solid black;
position: relative;
top: 50px;
left: 50px;
}
Dat zal dus moeten doen wat ik uit je (onduidelijke) omschrijving opmaak.
Gewijzigd op 01/01/1970 01:00:00 door Eddy E
Eddy Erkelens schreef op 29.08.2008 18:17:
Ik dacht dat die boxjes een plaatje waren, heb er verder niet naar gekeken.Staat in de broncode ;).
Alleen IE doet erg raar..
Ik zal er ff plaatjes bij doen..
Edit:
Gedaan
Gewijzigd op 01/01/1970 01:00:00 door Daan
De CSS die Eddy je gaf werkt niet?
dus top:0; right:0;
de position moet dan dus trouwens 'absolute' zijn.
Maar dat is eigenlijk niet mijn vraag... ;)
Mijn vraag is hoe het kan dat Internet Explorer nu zo iets raars doet. Is dat een bug? Of doe ik iets fout.
Ik kan zelf wel een andere oplossing verzinnen, maar ik vind het ook prettig om te weten als ik iets fout doe..
Ik hoop dat het nu duidelijk is??
Daan.
Waar is je doctype?
Pas op, ik vind het ook wel wat raar dat je position: absolute; gebruikt zonder verder iets over die positie te zeggen.
Wat de titel betreft... IE kan inderdaad wel eens rare dingen doen met margin en padding.
En inderdaad, als ik top:0; left:0; gebruik, doet ie het wel. Bedankt, dat was dus mijn fout!
Maar het blijft raar dat je door bij box1 iets te vergeten, bij box2 een margin niet meer werkt.. Maar bedankt, probleem is opgelost ;)
Daan
Je doctype kan wel verschil maken tussen standaardmodus en quirksmodus. Dus ook bij snelle voorbeeldjes handig.
Zet er eens een HTML strict doctype boven.
Deze dus:
Code (php)
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Gewijzigd op 01/01/1970 01:00:00 door Martijn B