---
title: "Problem med att flöda text runt div"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/146842-problem-med-att-flöda-text-runt-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Nova"
published: "2006-05-14T16:59:06.000Z"
updated: "2006-05-17T08:50:37.000Z"
replies: 7
views: 573
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/146842-problem-med-att-flöda-text-runt-div"
---

# Problem med att flöda text runt div

## #1 — Nova, 2006-05-14T16:59Z

Jag försöker flöda text runt en div som är i en div.

```
<div id="main_mitt">
<div id="right_main"><b><span class="featurefet">Test rubrik är uppdaterad</span></b>  <br>

 <span class="advert_lit">

<A HREF='test.asp?pr_id=24&amp;pr_gard=1&amp;for=1'>kollar länk</a><br>
</span>
</div>
<h2>Rubrik är uppdaterad</h2> 
 <span class="advert">Detta är en test text så jag vet att allt fungerar här. vinfo kommer här vad tror vi om det Nu kollar jag br.<br />då<br />Och nu är jag helt uppdaterad så då ska allt vara med </span>
 </div>
```

När jag sätter span class="advert" på texten som ska flöda runt righ diven så fungerar det inte, men kör jag utan class så fungerar det som jag vill.

Vad gör jag för fel eller är jag helt ute och cycklar som vanligt?

Så här ser advert ut

```
.advert{
clear: both;
	margin: 1px;
	padding: 4px 0px 5px 0px;
	font-size: 12px;
	color: #000000;
	 
}
```

Och right div 

```
#right_main{
   float:right; 
    	width: 50%;
		padding: 2px 2px 2px 2px;
		font-size: 100%;
	
}
```

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

## #2 — Nova, 2006-05-16T20:37Z

Ingen?
Det fungerar bra i firefox men inte i IE, någon som har vet vad jag ska söka på då?

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

## #3 — tanten, 2006-05-16T21:17Z

Jag har försökt tolka din kod, men förstår inte alls vad det är du vill åstadkomma. Kan du lägga in en bild på hur du vill att det ska se ut?

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

## #4 — Nova, 2006-05-17T04:31Z

> **tanten skrev:**
>
> Jag har försökt tolka din kod, men förstår inte alls vad det är du vill åstadkomma. Kan du lägga in en bild på hur du vill att det ska se ut?

  :r 
Vad jag försöker göra är som i denna tråd <http://www.webforum.nu/showthread.php?t=128196&highlight=text+runt+div>

```
<div id="main_mitt">
<div id="right_main">denna text vill jag ha i övre högra hörnet

</div>
<h2>Rubrik är uppdaterad</h2> 
 <span class="advert">Och denna text ska börja i övre vänstra hörnet och 
flöda runt texten i det vänstra hörnet.</span>
 </div>
```

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

## #5 — doggelito, 2006-05-17T05:35Z

clear:both betyder att inget få ligga varken till höger eller vänster, så du kan inte få nått floatat brevid den.
prova att ändra clear:both till clear:left :)

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

## #6 — huggerFanta, 2006-05-17T06:27Z

Jag tror det hela har med clear:both att göra.

Men det är konstigt att du säger att det funkar i FireFox, den bör tolka detta på samma sätt!

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

## #7 — tanten, 2006-05-17T06:48Z

Och din h2 får jag också känslan av att den hindrar float, om du inte stylat den på något speciellt sätt,  men jag undrar också som huggerFanta, hur kan ff tolka det annorlunda?

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

## #8 — Nipon, 2006-05-17T08:50Z

Antar att du menar att texten i advert ska flöda runt texten i HÖGRA hörnet?

Som sagt är det clear: both som ställer till det. Men det är konstigt att det funkar i FF...

Det här funkar i både FF och IE:

```
<html>
<head>
<style type="text/css">
#right_main {
float:right;
width: 50%;
padding: 2px 2px 2px 2px;
font-size: 100%; }

.advert {
margin: 1px;
padding: 4px 0px 5px 0px;
font-size: 12px;
color: #000000; }
</style>
</head>
<body>
<div id="main_mitt">
<div id="right_main">denna text vill jag ha i övre högra hörnet...</div>
</div>
<h2>Rubrik är uppdaterad</h2>
<span class="advert">Och denna text ska börja i övre vänstra hörnet och flöda runt texten i det vänstra hörnet...</span>
</body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/146842-problem-med-att-flöda-text-runt-div
