Categories | Question details Back To List | ||
Html links on layoutobject page 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 :) Thanks, Answer posted by Support on Nov 17, 2008 03:45 Hello, Could yout please provide any code? Answer posted by Steve on Nov 17, 2008 07:04 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"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Data</title> <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> <script src="../dhtmlxSuite/dhtmlxLayout/codebase/dhtmlxlayout.js"></script> <script src="../dhtmlxSuite/dhtmlxWindows/codebase/dhtmlxwindows.js"></script> <script>window.dhx_globalImgPath="../dhtmlxSuite/dhtmlxAccordion/codebase/imgs/" </script> <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"> </head> <body> <div><a href="http://www.google.co.uk">google</a></div> <div id="parentId" style="float:left; width: 850px; height:600px;"/> <script> var dhxLayout = new dhtmlXLayoutObject("parentId", "2U"); </script> <div><a href="http://www.google.co.uk">google</a></div> </body> </html> ------------------- Answer posted by Support on Nov 17, 2008 07:34 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;" ? Answer posted by Steve on Nov 17, 2008 07:46 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 |