Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

position: relative en dan bottom: x px

None
3 antwoorden
  • Hallo,

    Ik heb de volgende code
    [code:1:10bde8b88a]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "XHTML1-s.dtd" >

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="Cstyle.css" />
    <title>Willem van Wijk</title>
    </head>
    <body>
    <center>
    <div class="content">
    <div class="topleft">
    <img style="height:200px; width:195px;"src="images/2.jpg" />
    </div>
    <div class="top"> <br />
    <div class="title">
    <h1 style="text-align:left; font-weight:bold; color:#151B54;"> Willem van Wijk</h1>
    <h2 style="text-align:right;font-weight:bold; color:#7E2217;">Zadelspecialist</h2></div>
    </div>
    <div id="bodyy" style="content:">

    <!– tekst –>
    </div>
    <br />

    <a href="index.php?page=aanpassen.html">Aanpassen</a><br />
    <br /><br />
    <a href="index.php?page=verkoop.html">Verkoop</a><br />
    <br /><br />
    <a href="index.php?page=contact.html">Contact</a>
    <div style="position:relative; bottom:243px; height:243px; width:195px; left:0px; margin:0px;"><img src="images/Afbeelding3.jpg" /></div>
    </div>
    </center>
    </body>
    </html>
    [/code:1:10bde8b88a]
    te bekijken op www.digitaldreamworks.nl/WvW
    nu wil ik dat de afbeelding van de man, het paard en de vrouw helemaal onderaan uitgelijnd wordt, zegmaar met de onderkant van de afbeelding op een lijn met het einde van de zwarte lijn. Ik denk ik probeer dit te doen met position:relative en dan bottom: zoveel px, maar dit lijkt niet te werken. In IE wordt de afbeelding ver naar boven weergegeven, en in FF wel op de goede hoogte maar dan staat hij in het midden van de pagina. Weet iemand de oplossing?

    Groet,
    Floris Hoogenboom
  • Als je position: relative; gebruikt verplaats je het element ten opzichte van zijn originele positie. Alle andere elementen in de pagina gaan en nog vanuit dat hij op zijn originele positie staat. Dus als er iets onder staat dat je ook wil zien dan werkt dat niet.

    Om het plaatje helemaal onderaan de pagina te krijgen moet je een paar dingen doen:
    position:relative; moet position:absolute; worden,
    bottom: 243px; moet bottom:0; worden,
    left:0px kan je weg laten,
    Als laatste moet je aan je div class=content twee dingen toevoegen:
    overflow:hidden; en position:relative;

    klaar :)
  • Drewster, je bent geweldig:) het werkt! thnx

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.