Quote:
Originally Posted by Skinkie
This is my test code. There are several problems. Access Netfront does not respect the margins configuration, neither does it respect the text-align: right when the justification is overriden. Having the 'time' on the right side of the bubble, I consider broken because it does not meet either of the above constraints.
If you have a suggestion how to solve it is a different way I would like to know more about it. I would love to generate a single document that would gracefully work on the other readers as well, without being very specific for any specific reader.
Code:
<div style="display: inline-block; -webkit-border-radius: 2em; border-radius: 2em; margin: 0; background: #D9D9D9; padding: 1em 1.5em; color: #000; font-size: 1em; font-family: sans; text-align: left; max-width: 60%;"> <small class="scriptsize">+31614110231<br/></small> Volgende keer kom je er niet zo goed vanaf. John.<br /><div style="margin: auto auto 0 auto; text-align: right;"><small class="scriptsize">18:49</small></div></div>
<div style="margin: 10px 0 10px auto; text-align: right;"><div style="-webkit-border-radius: 2em; border-radius: 2em; background-color: #666666; color: #ffffff; padding: 1em 1.5em; display: inline-block; font-size: 1em; font-family: sans; max-width: 60%;"> Ik mis je. Gaat alles goed? x<div style="margin: auto auto 0 auto; text-align: right; color: #FFFFFF;"><small class="scriptsize">19:07</small></div></div></div>
|
You code should not include anything to do with webkit. Can you do what you want without webkit code? Webkit code is irrelevant for ePub.
As for justification, I just make sure the CSS specifies full as that's what I want. No need to override.