DMXzone Lightbox 2 Support Product Page
Answered
How can I centre the light box?
Asked 17 Mar 2015 01:11:09
1
has this question
17 Mar 2015 01:11:09 Trevor Courtney posted:
How can I centre the light box?It opens in the top right corner. Below is the page where I am using it on my development server
coldsweatwebdesign.com/WestsideTalent2015/index3.html
NOTE: only the buttons under the entry for first artist are linked to the Light box with the exception of the photo icon on which I used another vendors slide show plugin while I await a reply from you regarding my previous question (Gallery with Lightbox 2 with just large photos ) as I have to show the client something ASAP
Replies
Replied 17 Mar 2015 09:18:56
17 Mar 2015 09:18:56 Teodor Kuduschiev replied:
Hi Trevor,
It is your reset.css that resets the lightbox position. The margin:0, padding:0 and vertical-align: baseline; in following rule are causing the issue:
It is your reset.css that resets the lightbox position. The margin:0, padding:0 and vertical-align: baseline; in following rule are causing the issue:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0 none; font: inherit; margin: 0; padding: 0; vertical-align: baseline; }
Replied 18 Mar 2015 05:28:14
18 Mar 2015 05:28:14 Trevor Courtney replied:
Hi Teodor
Thanks for the answer. I moved the reset.css to the first line in the head of the page and commented out /* vertical-align: baseline; margin: 0; padding: 0; */ which now creates the Lightbox in the centre in IE11. Thank you for your help.
Thanks for the answer. I moved the reset.css to the first line in the head of the page and commented out /* vertical-align: baseline; margin: 0; padding: 0; */ which now creates the Lightbox in the centre in IE11. Thank you for your help.