No-Kill Pop Box (Instead of Popups)

Planning and Designing Your No‑Kill Pop Box

When a site’s visitor sees a pop‑up, a lot of ad‑blockers and popup blockers step in and hide it. That means a lot of useful messages and offers disappear before the user sees them. The trick with a No‑Kill Pop Box is to wrap the content inside a simple HTML table that sits in a positioned div. The table renders even if JavaScript is disabled, but closing the box still relies on a small script. That gives you the best of both worlds: the popup still shows when the browser refuses JavaScript, and you can still offer a convenient “Close” link that works when JavaScript is available.

First, sketch out exactly what the pop box will look like. Do you need a header, a body, a footer, or maybe a close button in the corner? Put the final design into a plain HTML table. Table cells can hold text, images, or any other element you need. By keeping the content in a table, you avoid the browser inconsistencies that come from trying to style a layer’s borders or padding directly. The table will also keep the layout tidy and predictable across browsers.

Use the following example to get a feel for the structure. In this snippet the outermost table holds the actual message, while a single td contains the close link. Replace the text and images with your own as needed.

Once you have a table that looks how you want, keep a note of its exact pixel width and height. You can measure the dimensions with a tool such as