---
title: "En bild som finns där, men inte visas"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/73597-en-bild-som-finns-där-men-inte-visas"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Bäckman"
published: "2003-04-09T07:52:46.000Z"
updated: "2003-04-09T13:32:36.000Z"
replies: 2
views: 201
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/73597-en-bild-som-finns-där-men-inte-visas"
---

# En bild som finns där, men inte visas

## #1 — Bäckman, 2003-04-09T07:52Z

Hejsan.

Håller på och grejar med en hemsida, och för en gångs skull så tänkte jag prova på att bygga upp sidan med lager istället för tabeller.

Nu har jag stött på ett problem med en bild som ska bli lite positionerad med float: right. Bilden lägger sig åt höger jämte texten, men den visas aldrig. Det blir bara ett tomrum lika stort som bilden där. :(

Obs, det är dock bara när jag lägger till style='float: right;' eller align='right' inom img-taggen som bilden inte visar sig.

Väldigt nedbantad version av sidan, där bilden fortfarande inte vill visa sig.

```
<div id='maincontent'>
	<div id='maincontent-text'>
		<span class='ingress'>
text text text text text text text text text text text text text text text text text text text
		</span>

		<img src='images/skivsag-liten.jpg' style='float: right;' title='11' alt='11'/>
		<p>
text text text text text text text text text text text text text text text text text text text 
		</p>
		<p>
text text text text text text text text text text text text text text text text text text text 
		</p>

	</div>
</div>
```

Stilmallarna:

```
#maincontent {
	position: absolute;
	top: 120px;
	left: 10px;
	width: 460px;
	border-style: solid;
	border-width: 1px;
	border-color: #75AE7B;
	background-color: #C1DBC4;
	color: #336633;
	font-size: 8pt;
	line-height: 140%;
}
#maincontent-text {
	position: relative;
	padding: 10px;
	background-color: #C1DBC4;
	color: #336633;
}
.ingress {
	font-weight: bold;
	line-height: 160%;
}
```

Fick med lite mer än vad som behövdes, men det bjuder jag på.  :birp

Permalänk: https://www.webforum.nu/p/73597

## #2 — Flashes, 2003-04-09T09:39Z

Hmm, ja, vet inte om det är riktigt samma problem som jag hade men då löste det sig med att sätta in position:relative också.

Om du vill kan du läsa hela historien här.
<http://www.html-gruppen.nu/scripts/ubb/Forum1/HTML/000521.html>
Det började med ett annat problem men slutade med att bilden inte ville visa sig. Och det löste sig som sagt med position:relative

Mvh
Jan-Olov

Permalänk: https://www.webforum.nu/p/1006765

## #3 — Bäckman, 2003-04-09T13:32Z

Tack så jättemycket, funkar kanon nu. :)

Permalänk: https://www.webforum.nu/p/1006917

---

Tråden på webben: https://www.webforum.nu/amne/html-css/73597-en-bild-som-finns-där-men-inte-visas