[XHTML] Vertical alignen lukt niet! - Softwareontwikkeling

zaterdag 6 augustus 2005 16:35

Acties:

Topicstarter

Ik heb de volgende code:

code:

<div style="position: relative; width: 380px; height: 380px; z-index: 2; overflow: hidden;">
 <div style="position: absolute; z-index: 5;">[img]"voorkant_groot.jpg"[/img]</div>
 <div id="orange_line" style="position: relative; left: 0px; width: 388px; height: 380px; background-color: #FFFFFF; border-left: 4px solid #FF9900; z-index: 10;"></div>
</div>

Het lukt me echter totaal niet, met wat ik ook doe om het image met ID uitvergroting onderaan uit te lijnen ten opzichte van de bovenstaande div van 380x380px.
Heb overal al geprobeerd met valign="bottom" en style="vertical-align: bottom;" maar dat werkt niet.

Tevens laad ik via JS in de orange_line div een stukje innerHTML in, ook dit is een plaatje en wil ik onderaan uitlijnen, maar lukt ook niet.

Wie kan me verder helpen? En waar heeft dit mee te maken? $_/-\o_$ $_/-\o_$

zaterdag 6 augustus 2005 16:44

Acties:

Verwijderd

bottom: 0;?

zaterdag 6 augustus 2005 16:44

Acties:

Urk

Topicstarter

Verwijderd schreef op zaterdag 06 augustus 2005 @ 16:44:
bottom: 0;?

Had ik ook al geprobeerd, maar werkt helaas ook niet...

zaterdag 6 augustus 2005 16:52

Acties:

Cubix

Kan je het zooitje ff online zetten, ik kan zo niet zien wat je van plan bent.

Trouwens, maak jij je code met dreamweaver?

zaterdag 6 augustus 2005 16:59

Acties:

Urk

Topicstarter

Nee, ik gebruik absoluut geen Dreamweaver, alles is met de hand geschreven.

zaterdag 6 augustus 2005 17:43

Acties:

Verwijderd

Je kan ´vertical-align´ of ´valign´ niet gebruiken op block elementen zoals <div></div> (geloof ik). Wel op inline elementen zoals <img> of <p></p> . Vanwege mijn vakantie heb ik een tijdje niet met html gewerkt dus het kan zijn dat ik het niet helemaal goed uitleg...

[ Voor 12% gewijzigd door Verwijderd op 06-08-2005 17:44 ]

zaterdag 6 augustus 2005 17:47

Acties:

Verwijderd

Urk schreef op zaterdag 06 augustus 2005 @ 16:44:
[...]

Had ik ook al geprobeerd, maar werkt helaas ook niet...

werkt altijd, ben je position: absolute; niet vergeten? dit is toch redelijk basis css (geen (x)html), geef anders even een link ofzo of anders wat volledigere code (incl css)

_{duik verder eens even in een van onze vele semantiek gerelateerde topics}

[ Voor 12% gewijzigd door Verwijderd op 06-08-2005 17:48 ]

zondag 7 augustus 2005 16:38

Acties:

Verwijderd

innerHTML laden via js is in xhtml niet mogelijk. Dat moet sowieso anders, en wel via de DOM.

Over dat vertical-align, daar heb je zo te zien al genoeg tips voor gekregen.

woensdag 10 augustus 2005 18:00

Acties:

Urk

Topicstarter

Verwijderd schreef op zondag 07 augustus 2005 @ 16:38:
innerHTML laden via js is in xhtml niet mogelijk. Dat moet sowieso anders, en wel via de DOM.

Over dat vertical-align, daar heb je zo te zien al genoeg tips voor gekregen.

innerHTML laden via JS in XHTML werkt anders prima! In zowel IE als in FF!