IE doet raar met margin

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Daan

Daan

29/08/2008 18:02:00
Quote Anchor link
Hey iedereen,

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
 
PHP hulp

PHP hulp

04/12/2021 04:51:57
 
--

--

29/08/2008 18:06:00
Quote Anchor link
Laat je CSS maar eens zien dan.
 
Eddy E

Eddy E

29/08/2008 18:17:00
Quote Anchor link
Staat in de broncode ;).

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)
PHP script in nieuw venster Selecteer het PHP script
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
    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;
    
    }
    


Dat zal dus moeten doen wat ik uit je (onduidelijke) omschrijving opmaak.
Gewijzigd op 01/01/1970 01:00:00 door Eddy E
 
--

--

29/08/2008 18:34:00
Quote Anchor link
Eddy Erkelens schreef op 29.08.2008 18:17:
Staat in de broncode ;).
Ik dacht dat die boxjes een plaatje waren, heb er verder niet naar gekeken.
 
Daan

Daan

29/08/2008 18:53:00
Quote Anchor link
Zoals het er in Firefox uitziet, is het goed.
Alleen IE doet erg raar..

Ik zal er ff plaatjes bij doen..

Edit:
Gedaan
Gewijzigd op 01/01/1970 01:00:00 door Daan
 
--

--

29/08/2008 19:20:00
Quote Anchor link
De CSS die Eddy je gaf werkt niet?
 
Daan

Daan

29/08/2008 19:25:00
Quote Anchor link
Nee, want box 1 moet helemaal in de hoek komen.
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.
 
Martijn B

Martijn B

29/08/2008 20:06:00
Quote Anchor link
Waar is je doctype?
 
Emmanuel Delay

Emmanuel Delay

29/08/2008 21:31:00
Quote Anchor link
Geen 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.
 
Daan

Daan

29/08/2008 23:44:00
Quote Anchor link
Nou, dit was ff een snel voorbeeldje, dus daarom geen doctype..

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
 
--

--

30/08/2008 05:21:00
Quote Anchor link
Je doctype kan wel verschil maken tussen standaardmodus en quirksmodus. Dus ook bij snelle voorbeeldjes handig.
 
Martijn B

Martijn B

30/08/2008 10:30:00
Quote Anchor link
Een doctype zet je niet voor "Jan lul" bovenin je HTML...

Zet er eens een HTML strict doctype boven.

Deze dus:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.