user3179440 user3179440 - 4 months ago 8
CSS Question

Why is Safari ignoring min-width and text-align?

This piece of HTML renders the word "TEST" on the right side of the page in all browsers except Safari, where the text appears on the left side of the page:

<style>
#a{
min-width: 100%;
}

#b{
text-align: right;
}
</style>

<body>
<table id="a">
<tr>
<td id="b">
TEST
</td>
</tr>
</table>
</body>


What could be causing this, and what workarounds are possible?

Here's a JSFiddle link

Answer

I duplicated the result. I saw the text on the Left side of the window in Safari version 5.1.8 on a MAC.

I removed the min- from the width call and it shows up correctly on the right now..

http://jsfiddle.net/U87aK/2/

Comments