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:

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.

Reply to this topic