I have a little widget from RoamFree Advanced (accommodation booking). The code is below.
When I put it on a stock standard page the positioning is where I want it. http://server.npserver1.com/~netper/guesthouse/testpage.htm When it's on the page I want it on, it's sitting at the top of the page (not where I want it). You will see from the code that I have this sitting underneath the page heading, but it's forcing itself to the top of the page. http://server.npserver1.com/~netper/guesthouse/rooms.htm There is obviously something in my CSS that's shifting the position, but I can't figure out what it is. Can anyone help? Joanne CODE <div align="center"> <style type="text/css"> div.rfa_gadgetControls button { width:10em; padding:0 !important;} body div.dp-popup h2 { left:0px; } </style> <script type="text/javascript" src="http://gadgets.roamfree.com/rfa-ap/1.0/get"></script> <script type="text/javascript"> $gadget1 = new RFA_gadget('$gadget1'); $gadget1.setup.properties({ 'Petersons Armidale Winery and Guest House' : 117300 }); $gadget1.option.showGrid(true); $gadget1.option.maxNights(14); $gadget1.option.defaultNights(1); $gadget1.option.newWindow(true); $gadget1.option.layout('horz'); $gadget1.option.dayOffset(0); $gadget1.option.gridLabel('Spoil yourself...'); $gadget1.event.load('gadgetLoader'); </script> </div> <div id="gadgetLoader"></div> ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/