Skip to main content
S
Syzzle Inc
Known Participant
July 9, 2009
Question

cfdiv not displaying properly

  • July 9, 2009
  • 3 replies
  • 1085 views

Has anyone else had problems with cfdiv not positioning properly in the browser window? I have a cfdiv, inside an absolute positioned div, that displays in different parts of the browser window in different browsers. The code is basically:

div class="headerSubMenuBox" id="divHeaderSubMenuBox">

<cfdiv id="divSubMenu" bind="url:/process/submenu/about.cfm" bindonload="false" />

</div>

The div has absolute positioning in the style sheet, say at "left: 450px" and "top:300px".  In Safari and IE 8 for Windows, the contents of the cfdiv are displayed in one location. In Firefox (Mac and Windows) and Opera (mac), the cfdiv is located about 50 pixels down and to the right of where Safari displays it.
I've tried several variations of the code, including just having the cfdiv (not wrapped in a div). Still, it displays in different locations in different browsers. Is this a known issue?
Thanks.

    This topic has been closed for replies.

    3 replies

    Dileep_NR
    Dileep_NR
    Inspiring
    July 13, 2009

    Please make sure the "x" and "y" specified for the cfwindow,

    Sample code-

    ColdFusion.Window.create('Window1', 'Window Title','test.cfm?test=bv',
            {_cf_refreshOnShow:true,x:100,y:100,height:300,width:400,modal:false
                ,closable:true,draggable:true
                ,resizable:true,center:true
                ,initshow:true,minheight:200,minwidth:200 })

    J
    JoeBackward
    Participating Frequently
    July 10, 2009

    Try adopting something like the Yahoo! user interface toolkit, which has some of the best possible support for cross browser stuff, and is free.  It's a bunch of work to get started, but if you need to work on Opera, Chrome, and IE 6, you'll be smiling.

    WolfShade
    WolfShade
    Legend
    July 10, 2009

    It's been my experience that the cross-browser issues like this are usually corrected by using different CSS for each of the major browsers.  Whether it's a matter of using a different .css file for each browser, or using some other method of determining browser and modifying the CSS accordingly, most issues can be resolved.  Most.

    ^_^

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices