IE div's buiten div

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Ventilatiesysteem Productontwikkelaar HBO WO Verwa

Samengevat: Zij bieden flexibele ventilatiematerialen, geluidsdempers, rookgasafvoer producten en industrieslangen. Ben jij een technisch productontwikkelaar? Heb jij ervaring met het ontwikkelen van nieuwe producten? Vaste baan: Technisch Productontwikkelaar HBO WO €3.000 - €4.000 Zij bieden een variëteit aan flexibele ventilatiematerialen, geluiddempers, rookgasafvoer producten, industrieslangen en ventilatieslangen voor de scheepsbouw. Met slimme en innovatieve materialen zorgen wij voor een gezonde en frisse leefomgeving. Deze werkgever is een organisatie die volop in ontwikkeling is met hardwerkende collega's. Dit geeft goede ontwikkelingsmogelijkheden. De branche van dit bedrijf is Techniek en Engineering. Functie: Voor de vacature als Technisch Productontwikkelaar Ede Gld HBO WO ga

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

28/03/2024 10:18:56
 
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.