DMXzone Lightbox Support Product Page

Not a problem

Lightbox not centered vertically or horizontally on page.

Reported 04 May 2012 12:33:11
9
have this problem
04 May 2012 12:33:11 Ian Musk posted:
I found this occurs when the CSS has a standard reset a la Eric Meyer's. E.g.:
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,
caption, thead, tfoot, th,
table, tbody, tr, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
Solution I found was to exclude the following from the reset, then Lightbox aligns on page as expected:
table, tbody, tr, td,

Replies

Replied 07 May 2012 06:45:51
07 May 2012 06:45:51 Vulcho Vulev replied:
Hello Ian

Our product also uses css. Applying global reset settings overwrites the css of our product.|

Regards: Vulcho.
Replied 08 May 2013 03:11:16
08 May 2013 03:11:16 Miguel Quintero replied:
Any plans on making it compatible i use a lot of responsive designs and most come with that
Replied 08 May 2013 03:17:07
08 May 2013 03:17:07 Miguel Quintero replied:
i have a solution for those using the reset.css from erick meyer without modifing it

add in the css created by the lightbox


#dmxBoxWrapper table, tbody, tr, td {
	vertical-align: middle;
	margin:auto;
}



that would make it work correctly
Replied 08 May 2013 05:47:14
08 May 2013 05:47:14 Vulcho Vulev replied:
Hello Miguel.

I will pass your CSS workarround suggestion to our developers.
If they consider as the necessery best solution it will be implemented.

Regards:Vulcho.

Reply to this topic