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)

layer uitlijnen op bottom van andere layer

jeroen1980
3 antwoorden
  • Beste mede webdesigners,

    Een css vraagje:
    Ik heb een layer met daarin een image, en daaronder een radio button met een tekst ernaast. Die radio en de tekst zitten in een aparte layer. Nu kan die image van hoogte verschillen. De image moet altijd bovenaan de layer uitgelijnd staan (dat staat die automatisch ook) en de layer met daarin de radio button en de tekst moet altijd aan de onderkant van die layer uitgelijnd staan en dat is het probleem.

    Dit is de css die ik heb:
    [code:1:034a494c8b]
    .backgroundHolder
    {
    float:left;
    padding:4px;
    background-color:#999999;
    height:140px;
    }

    .backgroundHolder img
    {
    width:150px;
    }

    .selectBackground
    {
    position:relative;
    float:left;
    1px solid #dcdcdc;
    background-color:#33CCCC;
    bottom:0px;
    }

    .selectBackground input
    {
    width:17px;
    margin-right:5px;
    background-color:transparent;
    }
    [/code:1:034a494c8b]

    De backgroundHolder bevat dus de image en de selectBackground layer. Deze selectBackgroundLayer wil ik onderaan de backgroundHolder alignen.

    Van deze backgroundHolder staan er meerdere naast en onder elkaar in een absoluut gepositioneerde layer:

    +—————————————–+
    |+———–++———–++———-+|
    || | | | | | |
    || bgHolder | | bgHolder | | bgHolder| |
    || | | | | | |
    |+———–++———–++———-+|
    |+———–++———–++———-+|
    || | | | | | |
    || bgHolder | | bgHolder | | bgHolder| |
    || | | | | | |
    |+———–++———–++———-+|
    +—————————————–+
  • Naja dat wil niet echt maar hopelijk snappen jullie het idee.. :lol:
  • De hoofd div moet dan position relative bevatten en de div die erin zit die onderaan moet komen maak je absolute met bottom 0 ;)

Beantwoord deze vraag

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