Kasse gider ikke fylde det hele!

<ole>

Prøv at linke til siden. Man kan ikke bruge eksemplet på jsfiddle.net til noget særligt

/mvh
</bole>

Halløj olebole!

Eksemplet er her: http://chew.dk/flex/demo.html

og jeg benytter mig af: http://www.woothemes.com/flexslider/

Det skal lige nævnes at det her eksempel er udbygget lidt med thumbnails :)

Problemet er bredden af tekstboksen:


Sæt den til en fast bredde, som passer til dit layout. 26% ser ud til at være et bedre valg - men endnu bedre vil det være med en bredde, angivet i px

Jamen jeg er bare stadig uforstående over hvorfor at det ikke passer når boksen bliver sat til at fylde 25% og billedet fylder 75%

Jamen, så skulle mellemrumemt jo være langt større  *o)

1) 70% (billedet er sat til 70 - ikke 75%) af 800px er 560px
2) 25% af 800px er 200px
3) 800-(560+200) er 40

Du burde altså have 40px mellemrum mellem billede og box - men du har kun 8px. Godtnok har du sat padding til 2% i tekstboksen, men det bliver jo kun 4px. Hvis vi trækker 4px fra i højre og venstre side, kommer vi ned på, at du har 32px luft mellem billede og boks.

Problemet er, at når du sætter padding til 2%, sætter du padding til 2% af den omkransende boks - som jo er 800px bred. Det vil sige, du får 16px luft i hver side af tekstboksen. Tekstboksen bliver altså 232px bred.

Hvis vi så tager beregning #3 ovenfor, får vi:

800-(560+232) = 8

- og 8px er præcis, hvad du har mellem billedet og tekstboksen.

Du kan godt bruge relative dimensioner (f.eks. i procent), men det kræver en rigtig god forståelse af CSS  *o)

Det kunne åbenbart løses med at float billedet til venstre og tilføje box-sizing til caption classen http://jsfiddle.net/bmBnF/6/

Men smid lige et svar olebole, så jeg kan smide et par point i din retning! :)

Ellers tak, jeg samler ikke point. Læg selv et svar og accepter det, så tråden lukkes.

Synd, at du kun er til dårlige løsninger. Dels fungerer din kode kun i allernyeste browserversioner - og dels er din CSS generelt misforstået og fyldt med uhensigtsmæssige 'hacks'

Æhm okay