[css]div float-display verschil in ff en ie

Pagina: 1
Acties:

  • hobbeldebobbel
  • Registratie: Februari 2001
  • Laatst online: 15-02-2023
om het visueel te maken: twee plaatjes:
ie:Afbeeldingslocatie: http://www.rp-systeem.nl/test/divprobleem_ie.jpg
ff:Afbeeldingslocatie: http://www.rp-systeem.nl/test/divprobleem_ff.jpg

de html:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id="boot45" bootid='b45' class='boot'>
                    <div class='boot_header'>
                        <select></select>
                    </div>
                    <div class='bootInstDrop' id='bootInstDropBox'>
                        &nbsp;
                    </div>
                    <div class='bootCurDrop' id='bootCurDropBox'>
                        &nbsp;
                    </div>
                
                </div>
                <div id="boot46" bootid='b46' class='boot'>
                    <div class='boot_header'>
                        <select></select>
                    </div>
                    <div class='bootInstDrop' id='bootInstDropBox'>
                        &nbsp;
                    </div>
                    <div class='bootCurDrop' id='bootCurDropBox'>
                        &nbsp;
                    </div>
                </div>

en de bijbehorende css:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.boot{
    width:150px;
    height:150px;
    border:1px solid orange;
    display:inline;
}
.bootInstDrop{
    width:150px;
    height:50px;
    border:1px solid red;
    display:block;
    
}
.bootCurDrop{
    width:150px;
    height:50px;
    border:1px solid blue;
    display:block;
}


hoe kan het dat ze verschillend zijn. Het doel is het plaatje van IE. ik dacht dat display:inline toch echt de property voor was zeg maar... Maar FF denkt daar anders over....Het lijkt wel alsof hij de containing div als leeg aan ziet....

[ Voor 6% gewijzigd door hobbeldebobbel op 04-02-2007 12:32 ]

hier zou een slimme opmerking kunnen staan
maar die staat er niet


  • BasieP
  • Registratie: Oktober 2000
  • Laatst online: 19-10 08:18
wat is er mis met float: left;
??

This message was sent on 100% recyclable electrons.


  • hobbeldebobbel
  • Registratie: Februari 2001
  • Laatst online: 15-02-2023
heb je het ooit dat je domweg alles geprobeerd lijkt te hebben en dat het toch niet lukt en dat achteraf blijkt dat de oplossing iets is wat je al geprobeerd had maar in combinatie met een andere oplossing
dat is dus gebeurd met float:left;....... grr
had het gebruikt icm display:inline-table....

[ Voor 8% gewijzigd door hobbeldebobbel op 04-02-2007 12:46 ]

hier zou een slimme opmerking kunnen staan
maar die staat er niet


  • BasieP
  • Registratie: Oktober 2000
  • Laatst online: 19-10 08:18
glad to be of service ;)

This message was sent on 100% recyclable electrons.