float:right; bugg i IE

2 svar · 180 visningar · startad av PepeJeria 7 apr. 2003

PepeJeriaMedlem sedan feb. 2003774 inlägg

Trådstart7 apr. 2003 11:06#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

7 apr. 2003 12:14#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

7 apr. 2003 12:28#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.