lightbox breaks #wrapper in my CSS
| Project: | jQuery Lightbox Plugin (balupton edition) |
| Version: | 1.2.0-final |
| Component: | Code |
| Category: | support request |
| Priority: | critical |
| Assigned: | Unassigned |
| Status: | active (needs more info) |
Jump to:
Hi,
I'm trying to use this lightbox for a product gallery but it keeps breaking my page.
The lightbox works without a problem but for some reason my main #wrapper no longer contains the whole site.
I've set up my page as
This contains my whole site. There is a border on my wrapper so I can see whats happening. For some reason the #wrapper has changed to be the height of the screen instead of the height of the site. If I take out the jquery and links for the lightbox the page displays correctly again.
I can't see any CSS in the lightbox files that would conflict with my #wrapper and both my html and css all validate. Whats happened?
The error can be seen on www.frenzee.co.uk/products-precisionpots.php if you scroll down the page you will see that the left and right border stops half way but the content continues.
Can anyone help?
Thanks
Kirsty
Comments
#1
Sorry, I forgot to add the code tags
My basic html structure looks like this:
<body><div id="wrapper">
<div id="masthead">
</div>
<div id="content">
</div>
</div>
</body>
#2
I don't see this problem in FF3. What browser are you using and could you provide a screenshot?
I've reviewed the CSS and the only part that may interfere with other css is the reset:
html, body { margin: 0; padding: 0; height: 100%;}