---
title: "Text-wrapping runt bild med bildtext"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/157757-text-wrapping-runt-bild-med-bildtext"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "wmaster"
published: "2007-03-01T20:43:26.000Z"
updated: "2007-03-01T22:17:41.000Z"
replies: 4
views: 582
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/157757-text-wrapping-runt-bild-med-bildtext"
---

# Text-wrapping runt bild med bildtext

## #1 — wmaster, 2007-03-01T20:43Z

Behöver hjälp med en csslösning angående text-wrapping (på svenska?). 

<http://www.blåbjörn.se/test/test.html>

Vad jag vill åstadkomma är att figurtexten maximalt ska få ha samma samma bredd som bilden, om den är längre fortsätter texten på en ny rad under. Jag vill helst undvika att sätta storlek på bild då denna ska kunna variera. Hur kan jag lösa detta?

Tack

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

## #2 — zcorpan, 2007-03-01T20:49Z

```
.floatimg { display:table; max-width:0; }
```

För IE? Tja, kanske använda en expression som sätter samma bredd som bilden eller nåt.

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

## #3 — wmaster, 2007-03-01T21:18Z

Bra tips! Just nu har jag detta:

```
floatimg { display:table; max-width:0; float: right; padding: 20px; font-size: 80%;}
.floatimg p{ display:table; max-width: 0; float: right;}
```

Men för IE hur funkar det egentligen med expression?Något såndant eller? :/

```
width:expression(220 + "px");
```

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

## #4 — zcorpan, 2007-03-01T22:13Z

> **wmaster skrev:**
>
> Bra tips! Just nu har jag detta:
>
>
> ```
> floatimg { display:table; max-width:0; float: right; padding: 20px; font-size: 80%;}
> .floatimg p{ display:table; max-width: 0; float: right;}
> ```

Den andra raden behövs nog inte... (Och den första raden saknar en punkt före.)

> **wmaster skrev:**
>
> Men för IE hur funkar det egentligen med expression?Något såndant eller? :/
>
>
> ```
> width:expression(220 + "px");
> ```

Ja, typ. 

```
.floatimg { display:table; max-width:0; float:right; padding:20px; font-size:80%; !width:expression(this.getElementsByTagName("img")[0].clientWidth + "px"); /* ie */ !max-width:none; /* ie7 */ }
```

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

## #5 — wmaster, 2007-03-01T22:17Z

Hm tackar, men kör jag denna så fungerar det i IE, dock inte i FF.
Om jag lägger till

```
.floatimg p{ display:table; max-width: 0;float: right;}
```

 
fungerar det i FF men inte i IE :s

Edit:

Jag som klantade mig lite, nu fungerar det! Tack så mycket zcorpan  (y)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/157757-text-wrapping-runt-bild-med-bildtext