View Single Post
Old 06-16-2011, 09:42 AM   #1
iain robinson
Connoisseur
iain robinson began at the beginning.
 
Posts: 75
Karma: 10
Join Date: Apr 2011
Location: UK
Device: none
float not working as expected in ADE

Hi all

We have some text + a pic in coloured box that appears at the end of various articles within our ePub. It looks good in iBooks (see screenshot attached) but breaks down in ADE.

The code is as follows;
<div class="story rightFloat">
<p class="biography-in-blue-box"><span class="bio-blue-box-pic"><img alt="nicovaneijk.jpg" class="rightFloat" height="139" src="../Images/nicovaneijk_fmt.jpeg" width="98" /></span>Nico van Eijk is Professor of meh.</p>
</div>


and the CSS is;
Code:
p.biography-in-blue-box{
background: #662282 !important;
color: white;
font-weight: bold;
padding:0.5em;
margin-right:30%;
line-height:1.25em;
-webkit-hyphens:none;
}

span.bio-blue-box-pic{
width:100%;
float:right
}
Can anyone see how I can get it to work in ADE?

thanks,
Iain
Attached Thumbnails
Click image for larger version

Name:	ADE.png
Views:	108
Size:	44.7 KB
ID:	72860   Click image for larger version

Name:	iBooks.png
Views:	101
Size:	51.0 KB
ID:	72861  
iain robinson is offline   Reply With Quote