Html links on layoutobject page

Discontinued products Uncategorized discussions
#1

Hi



I have an html page with a dhtmlxlayout object within it. It seems that the links on the page do not work if they appear above the layout object in the html code - links below seem to work fine? If I remove the layout object all the links on the page work.



If anyone has any ideas Id be most grateful :slight_smile:



Thanks,

#2

Hello,

Could yout please provide any code?

#3

Hi,

Thanks for replying -

My test file is below, ive been opening it with Firefox 3 served from Apache 2.  I tried epiphany and it was the same - although I think both use the same engine - I havent got IE as I run Linux. 

The google link at the top doesnt seem to work, whereas the one at the bottom does?

Thanks for your help,
Steve

------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>



Data
        <link rel=“STYLESHEET” type=“text/css"
href=”…/dhtmlxSuite/dhtmlxLayout/codebase/dhtmlxlayout.css">
        <link rel=“STYLESHEET” type=“text/css"
href=”…/dhtmlxSuite/dhtmlxWindows/codebase/dhtmlxwindows.css">


        <script
src="…/dhtmlxSuite/dhtmlxAccordion/codebase/dhtmlxcommon.js">
        <script
src="…/dhtmlxSuite/dhtmlxLayout/codebase/dhtmlxlayout.js">
        <script
src="…/dhtmlxSuite/dhtmlxWindows/codebase/dhtmlxwindows.js">


        <link rel=“stylesheet” type=“text/css"
href=”…/dhtmlxSuite/dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_blue.css">
        <link rel=“stylesheet” type=“text/css"
href=”…/dhtmlxSuite/dhtmlxWindows/codebase/skins/dhtmlxwindows_dhx_blue.css">
        <link rel=“stylesheet” type=“text/css"
href=”…/dhtmlxSuite/dhtmlxAccordion/codebase/skins/dhtmlxaccordion_dhx_blue.
css">





google



   
   
google




-------------------
#4

Hello,

Right, some troubles are present. It seems “float:left;” brakes windows’ viewport behaviour.

Try replace it with “position:relative;” like this:

<div id=“parentId” style=“float:left; width: 850px; height:600px;”/>
to
<div id=“parentId” style=“position:relative; width: 850px; height:600px;”/>

And now you can pu link before <div id=“parentId”…

Is it mandatory to use “float:left;” ?

#5

Hi,

Brilliant - thanks for your help.

No it isn’t mandatory to use float:left, what you suggested works fine for what I need it to do.

Thanks again,
Steve