IE div's buiten div

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

PHP Newbie

PHP Newbie

07/11/2008 09:55:00
Quote Anchor link
Heey allemaal,

IE doet weer eens vreemd. Wanneer ik een rij div's allemaal display: inline; meegeef komen ze buiten hun parent div. Een voorbeeldje is hier te bekijken.

Wanneer ik het "display: inline;" gedeelte weghaal staan ze wel netjes in de div, maar dan gaat het verkeerd met het vergrotings effect. De afbeelding valt dan niet meer over de andere afbeeldingen maar duwt de rest gewoon opzij.

De bijbehoorende code:

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
26
27
28
29
30
31
#previews {
    width: 335px;
    margin-bottom: 5px;
    height: 350px;
    overflow: auto;
    float: left;
    margin-right: 15px
}
#thumbnails {
    clear: both;
    margin: 10px auto;
}
#thumbnails div {
    position: relative;
    width: 80px;
    height: 80px;
    float: left;
    margin: 8px;
    padding: 0;
    float: left;
    display:inline;
}
#thumbnails img {
    width: 80px;
    height: 80px;
    position: absolute;
    border-top: solid 1px #999;
    border-right: solid 1px #404040;
    border-bottom: solid 1px #333;
    border-left: solid 1px #404040;
}


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<div id="previews">
    <div id="thumbnails" spry:region="dsPhotos">
        <div class="thumbnail" spry:repeat="dsPhotos"><a href="{path}"><img alt="" src="{thumbpath}" /></a></div>
        <p class="ClearAll"></p>
    </div>
</div>


Groet
Newb
 
PHP hulp

PHP hulp

24/01/2021 12:58:11
 
Terence Hersbach

Terence Hersbach

07/11/2008 10:46:00
Quote Anchor link
aan #previews position:relative toevoegen? (kan het niet testen)
 
PHP Newbie

PHP Newbie

07/11/2008 12:30:00
Quote Anchor link
Terence, je bent geweldig!
 



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.