Avatar billede tt2002 Nybegynder
13. juli 2007 - 20:53 Der er 9 kommentarer

Billede skal fylde hele div'en i højden.

Jeg har en div med et billede i a la:

<div id="alt">
<img src="billede.jpg">
</div>

Hvordan får jeg billedet til at fylde hele div'ens højde?

Jeg har uden held forsøgt med height=100%, men der tager den billedet fulde (normale) højde og ikke div'ens højde.
Avatar billede kalp Novice
13. juli 2007 - 21:22 #1
<img style="height:inherit" src="billede.jpg">

prøv det.
Avatar billede kalp Novice
13. juli 2007 - 21:30 #2
det her virker.

<img style="height:100%;" src="billede.jpg">
Avatar billede tt2002 Nybegynder
13. juli 2007 - 21:40 #3
Det virker desværre kun, når div'en har en fast forudbestemt højde. Når man har en div, hvis højde afhænger af indholdet (antal tekstlinier) virker det ikke.
Avatar billede kalp Novice
13. juli 2007 - 21:48 #4
Det giver også mening:)

hvilket betyder du må fortælle mere om din opbygning.. hvad der skal være i div'en.. og mere præcist hvordan tekst skal placeres i forhold til billede..
Avatar billede tt2002 Nybegynder
13. juli 2007 - 21:53 #5
Ok.

Min div skal indeholde almindelig tekst og eventuelt enkelte billeder - ikke noget vildt.

Billedet jeg skal have til at følge div'ens højde er venstre del af en ramme, der skal ligge helt til venstre (float: left) i div'en. På samme måde har jeg et billede til den øverste del af rammen, den nederste del af rammen og den højre del af rammen (sidstnævnte skal fungere nogenlunde på samme måde som den venstre del af rammen)
Avatar billede kalp Novice
13. juli 2007 - 21:59 #6
prøv

<div style="height:auto;" id="alt">
<img style="height:100%;" src="billede.jpg">
</div>


vil det sige at teksten er placeret i midten?
Avatar billede tt2002 Nybegynder
13. juli 2007 - 22:08 #7
Desværre... den virker heller ikke.

Ja min tekst er placeret i midten.
Div'ens indhold kan skitseres således:

(toplinie-billede)
(venstrelinie-billede) (tekst, reelt indhold) (højrelinie-billede)
(bundlinie-billede)
Avatar billede kalp Novice
13. juli 2007 - 22:34 #8
<img src="billede.jpg"  style="height:100%;position:absolute">

men ved ikke helt med din opstilling - tror jeg selv ville løse det med tables (selv om det måske ikke er så populært)
Avatar billede olebole Juniormester
16. juli 2007 - 16:38 #9
<ole>

I følge CSS skal en relativ højde (f.eks. en højde angivet i procent) udregnes på baggrund af det omkransende elements højde. Da du ikke sætter en højde på det omkransende div, kan browseren ikke regne ud, hvor højt billedets 100% er.

Skal div'et kunne 'flekse' i højden, er eneste mulighed JavaScript  :o|

/mvh
</bole>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester