Absolute positioneren IE

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 »

Tikkes C

Tikkes C

04/06/2011 11:40:31
Quote Anchor link
Hoi iedereen


Ik zit met een vervelend probleempje.

Ik ben een website aan het bouwen voor een jeugdbeweging en hierbij stel ik de verschillende leeftijdsgroepen voor met een foto en daarbij de naam.
Het is de bedoeling dat de naam van de groep onderaan links in de foto komt te staan.

Dit op zich is helemaal geen probleem, althans voor chrome en firefox.
Maar in IE zet hij de naam steeds helemaal rechts vanboven.

Heeft iemand een ideetje hoe ik dit oplos?



Sample codes:

groepen bestand
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<div class="groupPicture">
    <a href=<?="?page=groepen&groepId=". $groep->getId(); ?>>
        <img src=<?=$groep->getPicture(); ?>  alt=<?=$groep->getName()." foto"; ?> />
        <div class="waterBrand"><?=$groep->getName(); ?></div>
    </a>
</div>



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
.groupPicture {
    padding: 20px;
    float: left;
    position: relative;
    display: block;
    z-index: 0;

    vertical-align: bottom;
}

.waterBrand {
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    
    z-index: 1;
    position: absolute;
    margin-top: -45px;
    margin-left: 0px;
    
    font-size: 30pt;
    font-weight: bold;
    color: red;
}
 
PHP hulp

PHP hulp

29/03/2024 02:44:52
 
TNG -

TNG -

04/06/2011 11:42:21
Quote Anchor link
.waterBrand {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;

z-index: 1;
position: absolute;
bottom:1px;
right:1px;

font-size: 30pt;
font-weight: bold;
color: red;
}
 
Tikkes C

Tikkes C

04/06/2011 11:46:14
Quote Anchor link
@Asare: Dat deed het hem inderdaad. Waarom werkt die margin-top,... niet dan?
 
TNG -

TNG -

04/06/2011 12:38:27
Quote Anchor link
omdat je nu niet aangaf waar hij vanuit die margin moest toepassen.

bijv. je staat geblinddoekt op een gras veld en je weet niet waar op dat veld en iemand zegt dat je 60 stappen van de rechter bosrand moet af staan
 



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.