White space help: nowrap and normal in IE

I can't figure it out ...

I have a div called '#ContentContainer' and the width is 100% and it needs nowrap white space, so the interiors that expand and collapse go beyond the window and create a horizontal scroll. In expanding and collapsing divs, I have text and images. In IE, these inner divs have white space: nowrap is applied to them ... I set the white space to normal, but IE does not recognize that .. can anyone help?

Here's the CSS:

#ContentContainer {
    position: relative;
    height: 480px;
    width: 100%;
    margin: 10px 0px 0px 0px;
    border: 1px solid blue;
    white-space: nowrap;
}

.column {
    position: relative;
    white-space: normal;
    width: 220px;
    top: 0px;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    height: 420px;
    margin: 20px 30px 0px 0px;
    *display: inline;
    vertical-align: top;
}

and my HTML:

<div id="#ContentContainer">
    <div class="column">
        Text that needs to have a white-space or normal.  It needs to wrap.  Text that needs to have a white-space or normal.  It needs to wrap.  Text that needs to have a white-space or normal.  It needs to wrap.  
    </div>

    <div class="column">
        Text that needs to have a white-space or normal.  It needs to wrap.  Text that needs to have a white-space or normal.  It needs to wrap.  Text that needs to have a white-space or normal.  It needs to wrap.  
    </div>

    <div class="column">
        Text that needs to have a white-space or normal.  It needs to wrap.  Text that needs to have a white-space or normal.  It needs to wrap.  Text that needs to have a white-space or normal.  It needs to wrap.  
    </div>

</div>

Is anyone

+3
source share
2 answers

The property is white-space:nowrapsupported in all versions of IE, so this should work fine for you.

CSS, HTML-. <div id="#ContentContainer">, : HTML- - (#). CSS ID, .

, CSS , :

#ContentContainer {
   ....
}

HTML :

<div id="ContentContainer">
    ....

, .

+3

, , : " CSS- white-space:normal; , ( , white-space: nowrap, immortal) ​​IE 5.5. IE, -" "" ", . IE, DOCTYPE - ( , , ).

- IE ( " , " ), X-UA-Compatible HTTP-, , -, . Apache .htaccess

Header set X-UA-Compatible "IE=edge,chrome=1"

PHP , IIS . ( HTML / IE.)

, <head> Javascript CSS -

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
+1

All Articles