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)

Een DIV probleem

Gekkegast
3 antwoorden
  • Hallo,

    Ik ben sinds kort weer met html en css begonnen en ben nu met een site bezig alleen het wil nog niet helemaal lukken met de posities van de divs.

    Ik heb namelijk het volgende:
    [code:1:936f596cdf]
    <div id="headcontent">
    <div id="sliderdiv">
    <?php include("rotator.php") ?>
    </div>
    <div id="latesttopics">
    <?php include("latesttopics.php") ?>
    </div>
    <div id="login">
    <?php include("login.php") ?>
    </div>
    </div>
    [/code:1:936f596cdf]

    zoals te zien op de volgende site: www.rflex.nl

    Helaas wil de derde div (login) in het rijtje niet goed staan. Ik heb al veel geprobeerd alleen tot nu toe zonder succes.

    Alvast bedankt,
    Jordi Jansen
  • Moeilijk te zien. Het eerste waar ik aan denk is dat de elementen misschien te breed zijn voor de totale breedte. B.v. als je de login DIV rechts laat floaten, maar hij is in totaal breder dan de beschikbare ruimte, dan wordt hij lager geplaatst en dan evengoed naar rechts gefloat. Dit komt bijvoorbeeld voor als je alleen rekening houdt met de opgegeven breedte van de div, maar padding, border en margin over het hoofd ziet.

    M.a.w. voor b.v. drie divs naast elkaar geldt:

    pagina breedte is gelijk aan:
    linker margin div1 + linker border div1 + linker padding div1 + breedte div1 + rechter padding div1 + rechter border div1 + rechter margin div1 +
    linker margin div2 + linker border div2 + linker padding div2 + breedte div2 + rechter padding div2 + rechter border div2 + rechter margin div2 +
    linker margin div3 + linker border div3 + linker padding div3 + breedte div3 + rechter padding div3 + rechter border div3 + rechter margin div3
  • Float alle drie de divs eens lekker "left", tadaaaah

    (middelste div was niet gefloat waardoor het dus een "normale" block-level element was die alles na zich naar de volgende regel dwingt.)

    :wink:

Beantwoord deze vraag

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