Problem med att flöda text runt div

7 svar · 573 visningar · startad av Nova 14 maj 2006

NovaMedlem sedan feb. 2005216 inlägg

Trådstart14 maj 2006 16:59#1

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%;
	
}

NovaMedlem sedan feb. 2005216 inlägg

16 maj 2006 20:37#2

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

tantenMedlem sedan nov. 20051 596 inlägg

16 maj 2006 21:17#3

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?

NovaMedlem sedan feb. 2005216 inlägg

17 maj 2006 04:31#4

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?

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>

doggelitoMedlem sedan juni 20003 076 inlägg

17 maj 2006 05:35#5

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

huggerFantaMedlem sedan okt. 2002304 inlägg

17 maj 2006 06:27#6

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!

tantenMedlem sedan nov. 20051 596 inlägg

17 maj 2006 06:48#7

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?

NiponMedlem sedan juli 2003270 inlägg

17 maj 2006 08:50#8

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>