webForumDet fria alternativet

float:right; bugg i IE

2 svar · 178 visningar · startad av PepeJeria

PepeJeriaMedlem sedan feb. 2003774 inlägg
#1

Vet någon en work-around för denna css bugg i IE? Första raden till vänster får även den margin-left:20px;

Detta fungerar som förväntat i Opera 7 och Mozilla, men inte ie IE

<style type="text/css">
.textBox
{
 float:right;
 width:188px;
 margin-bottom:10px;
 margin-left:20px;
 background-color:red; padding:9px 0px 9px 12px;
}
</style>

<div>
 <div class="textBox">
  Phasellus volutpat tempus lec Aenean et urna. Vestibulum or
  nare commodo lacus. In imper diet purus eu eros. Nam lectus purus, 
  dectum sit amet, vehicunon, feugiat in, lectus.
 </div>
FlashesMedlem sedan jan. 2003282 inlägg
#2

Om jag skiver den andra texten utan p-tag så blir det som du säger, använder jag däremot en p-tag så händer ingenting.

<style type="text/css">
.textBox
{
 float:right;
 width:188px;
 margin-bottom:10px;
 margin-left:20px;
 background-color:red; padding:9px 0px 9px 12px;
}
</style>

<div>
 <div class="textBox">
  Phasellus volutpat tempus lec Aenean et urna. Vestibulum or
  nare commodo lacus. In imper diet purus eu eros. Nam lectus purus, 
  dectum sit amet, vehicunon, feugiat in, lectus.
 </div>
<p>annan text som tydligen hamnar helt fel enligt inlägget</p>

Testat i IE6 och NT4
Mvh
Jan-Olov

PepeJeriaMedlem sedan feb. 2003774 inlägg
#3

Har provat denna lösning, men om man har den lösningen i en <td> som jag nu har så blir det fel I Mozilla och Opera 7. Texten till vänster ser ut som den fått en radmatning innan.

127 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)