Having a weird problem with Safari:
I have a table inside a div. Inside the table <td> I have a lot of left scattered. So the normal display is all the divs inside the td, folded to the left, until they fill the width, then move on to the next line, etc. So something like this:
|===========================|
| |---------------------| |
| | XXX XXX XXX XXX | |
| | XXX XXX | |
| | | |
| |---------------------- |
|===========================|
This works in all browsers except safari / webkit, where it ends up like this:
|===========================|
| |-------------------------------|
| | XXX XXX XXX XXX XXX XXX |
| | |
| |-------------------------------|
|===========================|
Update. Finally, it turned out that the problem was: my inner divs ("XXX") had white-space: nowrap. Obviously, webkit did not wrap the entire list of divs, and did not apply nowrap to the div.
It was disgusting.
(This had nothing to do with mapping: none)
source
share