Hvordan får jeg billeder til at blive, hvor de skal være?

Prøv med en
  position: relative;

og så sæt dine left/top-værdier ind til det passer...

//hermandsen

det duer ikke for så sættes de jo i forhold til den gule firkant, altså neden under den.

Hvad med at lave din HTML lidt mere overskuelig... Først at skrive alt teksten, og så at indsætte billederne ud for dem, det er noget hø!!
Prøv dette:

<div id="indhold">
  <div class="box">
    <img src="billede1.jpg" alt="" />
    <div>Her er en masse tekst!</div>
  </div>
  <div class="box">
    <img src="billede2.jpg" alt="" />
    <div>Her er noget mere tekst!</div>
  </div>
</div>

.box img {
  float: right;
}

.box div {
  margin-top: 100px;
}

Noget i den der retning... Måske skal det lige rettes til, men det finder du nok bedste selv ud af!! ;)

//hermandsen

Det kunne også være fordi du har et afsluttende div-tag efter din <ul>... Det ser ikke helt ud til at være meningen!! ;)

hej jeg arbejder lige på det

//anne

det ser ud til at det er det jeg skal bruge, men det hjalp nu også at jeg fjernede <left> koden den havde jo ikke rigtig nogen mening.
den <div> efter <ul> er den der afslutter den gule boks altså <div id="indhold>.
du skriver:
Først at skrive alt teksten, og så at indsætte billederne ud for dem, det er noget hø!!

hvorfor er det det?

//avj

Formålet med HTML er jo netop at strukturere informationen. Her hører billeder og tekst sammen, hvorfor så skille dem ad?? ;)

Grunden til at jeg synes dit afsluttende div-tag efter ul'en var underlig, var jo netop fordi du gerne skulle have dine billeder med inden for det tag. Derfor er det logisk at de ikke scroller med, eftersom de egentlig ligger uden for den <div> du har sat til overflow: auto; ;)

//hermandsen

jeg er helt med på dine arumenter. men "class indhold" er en flydende boks som ændrer størrelse efter browservinduet. derfor var det egentlig meningen at billederne skulle ligge udenfor "indhold".
men det bliver nok en anden gang jeg forsøger mig med det.

men alligevel, tak for svaret

//anne

Hvis jeg har forstået dig rigtigt, så vil du altså have billederne til at ligge uden for scroll-boksen, hvis indholds-vinduet ikke er stort nok... Når der så scrolles, så følger billederne alligevel med, til trods for at de egentlig ikke ligger i selve boksen...

Hvis du vil have billederne til at følge scroller'en i boksen, så skal de ligge inden for det samme div. Det andet kan efter min bedste overbevisning, simpelthen ikke lade sig gøre, med mindre du bruger noget JavaScript eller noget til det...

jeg regnede egentlig nok med at det var en vild ide
men man er jo nødt til at prøve ik':-))
Men tak alligevel

//anne

Løsningen på mit problem blev:

<div style=" float:right; margin-right:15px; margin-bottom:10px; margin-top:0px"><img src="images/Cirkus2.jpg" alt="cirkus pip's manege" /></div>

//anne