Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Onderuitlijnen in niet absoluut paneel

Anoniem
Anne
1 antwoord
  • Hallo,

    Ik heb een vraag met betrekking tot het onder uitlijnen van objecten in een 'CSS-paneel' (DIV), waarbij het paneel geen absolute afmetingen heeft behalve de hoogte, maar afhankelijk is van het 'moederpaneel', dit is de schematische situatie:

    [code:1:20a5a351ad]
    <div id="parent">
    <div id="header">
    <img src="title.gif" alt="Logo"/>
    </div>
    <div id="content">
    Tekst…
    </div>
    </div>
    [/code:1:20a5a351ad]

    Het headerpaneel heeft een hoogte van 50 pixels en het plaatje 'title.gif' heeft een hoogte van 25 pixels. Nu wil ik dat plaatje onder uitlijnen (vertical-align: bottom;) en niet boven waar die standaard staat.

    Het probleem zit hem erin, dat ik het niet voor elkaar krijg, tenzij ik de positionering instel op 'absolute'. Dat is echter totaal niet de bedoeling en ik ga er eigenlijk wel van uit, dat het in mijn opzet mogelijk moet zijn.

    De CSS-definities voor de parent en de header geef ik er ook even bij.

    Parent:
    [code:1:20a5a351ad]
    width: 525px;
    padding-left: 5px;
    padding-right: 5px;
    [/code:1:20a5a351ad]

    Header:
    [code:1:20a5a351ad]
    background-color: #004477;
    height: 70px;
    text-align: left;
    vertical-align: bottom;
    padding: 5px;
    [/code:1:20a5a351ad]

    Bij voorbaat dank!

Beantwoord deze vraag

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