www.webdeveloper.com
Results 1 to 6 of 6

Thread: ie8 compatibilty view issue

  1. #1
    Join Date
    Mar 2006
    Posts
    413

    ie8 compatibilty view issue

    Hi guys,

    got a really simple layout of 3 divs, i'm floating the first div left so the other 2 wrap round it.

    for example: http://www.trevsewell.co.uk/examples...tibility_view/

    problem is in ie8 compatibility view it ignores the float and displays div 2 and 3 aligned to the left of div 1.

    any help appreciated.

    Thanks guys.

  2. #2
    Join Date
    Sep 2008
    Location
    Mexico
    Posts
    786
    Separate style sheets for IE8, IE7 and IE6 are sometimes required to address the M$ non-conformance to standards - especially for floats and % measurements.
    M$ has long admitted that the Trident engine is broken.... they still haven't fixed it.
    ...but stupidity is terminal.

  3. #3
    Join Date
    Mar 2006
    Posts
    413
    thanks for the reply,

    but the issue i have is that i cannot get this to work at all, with any variation of css in ie8 compatibility view.

    i'm using very basic css:
    [css]
    #one{ background: red ; width: 200px ; height: 300px ; float: left ; }
    #two{ height: 30px ; background: green ; }
    #three{ background: blue ; height: 400px ; }
    [/css]

    and div #three will just not wrap round div #one which is just strange.

  4. #4
    Join Date
    Sep 2008
    Location
    Mexico
    Posts
    786
    Try changing the order of your divs...
    HTML Code:
    <div id="two">
    	two
    </div>
    <div id="three">
    	three
    </div>
    <div id="one">
    	one
    </div>
    or try changing the
    Code:
    float:left;
    to
    Code:
    position: absolute top left;
    I don't have any IE browsers handy at the moment, but the IE8 "compatability" mode supposedly emulates IE7... does the layout work in IE7?

    If you don't already have a way to check different IE browser versions, IETester is an excellent tool.
    ...but stupidity is terminal.

  5. #5
    Join Date
    Mar 2006
    Posts
    413
    thanks ie tester looks like a good tool.

    I'll have to look at another way around it, most likely nesting the elements

    thanks

  6. #6
    Join Date
    Sep 2008
    Location
    Mexico
    Posts
    786
    Nesting #one inside of #three will ensure that the content of #three wraps around #one.
    Just a hint.... always put "dummy content" in your elements when testing a layout. The way you have it originally might render the way you want in IE8 if there is something inside #three.
    ...but stupidity is terminal.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles