CODEWITHSUNDEEP
css
blissend
blissend

Reputation: 33

CSS white-space nowrap IE fails but works Firefox/Chrome

I can't quite figure out what's wrong. In firefox/chrome I can successfully use nowrap and overflow-x but not in IE. Here's the relevant code block to disable wrapping...

#code_block {
  background: #A9A9A9;
  padding: 3px 3px;
  white-space: nowrap;
  overflow-x: auto;
  font-family: "Courier New", "Lucida Console";
}

Source page: http://www.blissend.com/node/18 Source relevant css: block.css

Does anyone know why this doesn't work in IE10? Are there some requirements in IE for white-space: nowrap and overflow-x that could prevent this?

Upvotes: 3

Views: 1287

Answers (1)

Sampson
Sampson

Reputation: 268364

The problem is with an inherited word-wrap value:

enter image description here

Try adding word-wrap: keep-all to #code-block.

Upvotes: 2

Related Questions