I’m trying to use the foundation’s revel modal script. The trouble is the site isn’t built using all foundation framework at this stage I wish to just use UI elements of it. For this reason and in particular the fact I’m not using thier grid that I’m getting problems.
The modal is working yet the background when the modal is active only covers a little of the screen - example is seen here.
I want the background to completly cover the screen as per normal…
I also set the dimensions using top, bottom right and left at the same time so know widths or height are needed.
The modal background could actually be outside the current html anyway on its own because it is a fixed positioned element and always relates to the viewport (unless of course the script requires it to be where it is -which I didn’t check.
Just look in the Firebug panel and you can see all the rules that apply to a given element and where they came from. Chrome has a similar inspector which can show you where rules have come from. (Even IE has developer tools but they are not as useful as the ones above.)