The blog of Jafar Aliyev

Archive

Creation date:

Fixing overflow: hidden in IE

Although you specify overflow:hidden IE doesn't wrap words in block model when contents overflow. Mozilla and Opera just hide the part of word if can't break it. Fortunately CSS3 has two properties to manage it.

word-wrap: break-word;
word-break: keep-all;

First of them instructs the browser to wrap words. The second says how to wrap them. In this example word-break: keep-all says that try to keep words if possible. If we write word-break: break-all the browser will break all words anywhere.

Author: Jafar N.Aliyev (Jsoft)

Read also

<div> against <table>

Measuring units for padding

Fixed background image

IE bug with first line

Overflow of inner block

The meaning of margin in Internet Explorer and Firefox

CSS hacks
Nowadays many designers give all measures in pixels, including the font sizes. They fit their site to Internet Explorer and...

Internet Explorer bug with tall block
The problem of IE with two containers. If the internal container is longer than one screen of browser you'll encounter the problem.

Height of parent container

© Copyright

All articles in this site are written by Jafar N.Aliyev. Reproducing of any article must be followed by the author name and link to the site of origin(this site). This site also keeps the same rules relative to the articles of other authors.