MobileRead Forums - View Single Post

jbenny · 10-20-2007, 09:15 PM

Not to pick on Digital Editions, but I noticed a problem in trying to center some images. The following works OK in DE.

<div align="center"><img src= ... /></div>

-----

Using this: <div class="img"><img src= ... /></div>

And this in a stylesheet: div.img { align: center; }

Works OK in DE.

-----

Using this: <img class="center" src= ... />

And this in a stylesheet: img.center {display:block; margin:auto; }

Does not work in DE, but does in Firefox.

-----

Am I mistaken, or aren't all three valid XHTML? If so, shouldn't Digital Editions display all three the same? The reason for preferring the third method is that it makes the XHTML code simpler and is less for me to type.

10-20-2007, 09:15 PM	#54
jbenny Addict Posts: 323 Karma: 358 Join Date: May 2007 Device: Tablet PC and Nokia N800	Not to pick on Digital Editions, but I noticed a problem in trying to center some images. The following works OK in DE. <div align="center"><img src= ... /></div> ----- Using this: <div class="img"><img src= ... /></div> And this in a stylesheet: div.img { align: center; } Works OK in DE. ----- Using this: <img class="center" src= ... /> And this in a stylesheet: img.center {display:block; margin:auto; } Does not work in DE, but does in Firefox. ----- Am I mistaken, or aren't all three valid XHTML? If so, shouldn't Digital Editions display all three the same? The reason for preferring the third method is that it makes the XHTML code simpler and is less for me to type.