IE div's buiten div

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET Developer / Innovatieve software / Virtual Re

Functieomschrijving Als .Net developer werken aan innovatieve software waar onder andere gebruik gemaakt wordt van Virtual Reality? Bijdragen aan een organisatie waar je uitgedaagd wordt om continu verbeteringen en ontwikkelpunten te ontdekken en door te voeren? Werken in de omgeving Putten? Reageer dan nu voor meer informatie! Het pro-actief aandragen van verbeteringen voor de bestaande applicatie; Ontwikkelen van nieuwe functionaliteiten; Doorvoeren van aanpassingen en wijzigingen; Verantwoordelijk voor koppelingen met andere systemen; Op de hoogte blijven van technische ontwikkelingen. Functie-eisen Hbo werk- en denkniveau; Een afgeronde IT gerelateerde opleiding; Minimaal 1 jaar professionele ervaring als developer; Aantoonbare kennis van C#; Initiatiefrijke

Bekijk vacature »

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

29/01/2020 21:06:51
 
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.