relativ + absolut positionering
Jeg har nedenstående forsøg med nested positionering.Det virker dog ikke i IE. (De grønne DIV'er hopper en plads til højre) Er der nogen, der har nok styr på IE's særheder til at kunne skrive en hack, der får det til at virke i både IE og firefox?
Jeg har desværre ikke adgang til en server, så for at se eksemplet er I nødt til at gemme lokalt.
<head>
<style type="text/css">
.contain{
position: relative;
border: blue 1px solid;
height: 100px;
width: 200px;
float: left;
}
.billede{
border: red 1px solid;
height: 60px;
width: 60px;
float: left;
}
.biglink{
position: absolute;
bottom: 0px;
width: 100px;
border: green 1px solid;
}
</style>
</head>
<body>
<div class="contain">
<div class="billede"></div>
Her er en masse tekst
<div class="biglink">Mennesker</div>
</div>
<div class="contain">
<div class="billede"></div>
Her er en masse tekst
<div class="biglink">Mennesker</div>
</div>
<div class="contain">
<div class="billede"></div>
Her er en masse tekst
<div class="biglink">Mennesker</div>
</div>
</body>
</html>
