Home/ Questions/Q 129695
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T05:49:47+00:00

Having a strange rendering issue with Safari: I have a table inside a div.

  • 0

Having a strange rendering issue with Safari:

I have a table inside a div. Inside the table <td> I have lots of div’s floated left. So the normal display is all of the divs within the td stacked up to the left until they fill the width, then flow to the next line, and so forth. So something like this:

|===========================| |  |---------------------|  | |  | XXX  XXX  XXX  XXX  |  | |  | XXX  XXX            |  | |  |                     |  | |  |----------------------  | |===========================|

That works in all browsers except safari/webkit, where it ends up something like this:

|===========================| |  |-------------------------------| |  | XXX  XXX  XXX  XXX  XXX  XXX  | |  |                               | |  |-------------------------------| |===========================|

Update: Finally figured out the issue: my inner divs (the ‘XXX’s) had white-space: nowrap. Apparently webkit was no-wrap’ing the entire list of divs instead of applying the nowrap within the div.

That was a nasty one.

(This had nothing to do with display:none)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Answering my own question:

    Finally figured out the issue: my inner divs (the ‘XXX’s) had white-space: nowrap. Apparently webkit was no-wrap’ing the entire list of divs instead of applying the nowrap within the div.

    That was a nasty one.

    (This had nothing to do with display:none)

    • 0