NovaMedlem sedan feb. 2005216 inlägg 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&pr_gard=1&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 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 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
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>
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 :)
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 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 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>
