Topic: SV 231 problem with div & opera 12

first problem- I can't put the SV into other div ... browser - opera 12.16 , chrome ok, mozilla ok.

http://semimatt.pl/test/index1.htm - everything good
http://semimatt.pl/test/index2.htm - gallery goes low/bottom and page goes higher

I need div to look my page like this... http://semimatt.pl/test/

difference is only div inside other div section.

can't solve this  :(


second problem - mobile version of both links are displaying larger than mobile phone display - shoud page be dimnished to fit the resolution of the phone (480x800)? (chrome , firefox & opera mobile in horizontal position) On tablet 1280x800 looks good.


gallery code :

maxImageWidth="1600"
    maxImageHeight="800"
    imageQuality="100"
    thumbWidth="75"
    thumbHeight="75"
    thumbQuality="90"
    resizeOnImport="false"
    useFlickr="false"
    cropToFit="false"
    useColorCorrection="false"
    useFlash="true"
    backgroundTransparent="false"
    backgroundColor="202020"
    textColor="999999"
    frameColor="4A4A4A"
    thumbPosition="RIGHT"
    thumbColumns="1"
    thumbRows="6"
    showOpenButton="false"
    dropShadowStrength="1"
    firstImageIndex="0"
    imageFrameStyle="SQUARE"
    imageClickMode="NAVIGATE"
    imageScaleMode="SCALE"
    flashBrightness="1"
    imageTransitionTime="0.3"
    imageSmoothing="true"
    thumbPadding="8"
    thumbFrameColor="999999"
    thumbFrameWidth="1"
    thumbHoverFrameWidth="2"
    thumbFrameHoverColor="FFFFFF"
    thumbLoadBarHeight="6"
    thumbClickShift="3"
    thumbFrameStyle="SQUARE"
    thumbCornerRadius="5"
    thumbLoadBrightness="0.7"
    doThumbPopOut="true"
    showThumbVisited="true"
    showThumbLoadBar="true"
    thumbNavPosition="bottom"
    thumbNavBackColor="999999"
    thumbNavBackOpacity="0.9"
    thumbNavPadding="10"
    imageCornerRadius="20"
    imageBackOpacity="0"
    frameWidth="1"
    showNavButtons="false"
    showAutoPlayButton="false"
    showAudioButton="false"
    showToolTips="false"
    buttonBarPosition="NONE"
    buttonBarHAlign="RIGHT"
    watermarkLinkTarget="_self"
    flickrShowTitle="false"
    flickrShowDescription="false"
    showBackButton="false"
    useFixedLayout="false"
    mobileShowNav="true"
    mobileShowCaption="true"
    galleryWidth="100%"
    galleryHeight="100%"
    imageDropShadow="false"
    imageBackColor="202020"
    thumbAreaX="10"
    imageAreaY="60"
    floatButtonBar="false

Last edited by semimatt (2014-03-21 20:21:06)

Re: SV 231 problem with div & opera 12

There are several problems with your web pages.

(1) Your web pages do not use a Doctype Declaration (DTD).
It is important for all web pages to use a DTD in order to inform the user's browser what set of standard the code on your web page conforms to.
Select a DTD from the list on this web page and put it at the very top of your HTML documents (before the opening <html> tag).
Try the HTML 5 DTD:

<!DOCTYPE HTML>

(2) Your web pages contain errors.
Once you have included a DTD on each of your web pages, you can check the code with the W3C Markup Validation Service and fix the errors reported.
For example, neither of your web pages have a closing </html> tag.

(3) Your galleries have their heights expressed as percentages but they are nested with <div> containers with no heights specified.
Please see this FAQ:
My gallery does not show in Firefox or gets cropped to a small height. Why?
... and this note regarding Using Percentage Heights.

If all you want to do is display a gallery on a page of its own, use the 'index.html' page generated by svBuidler-Pro (or take a look at the 'simpleviewer_pro_231/web/index.html' page from the SimpleViewer-Pro zip download package.

Steven Speirs
SimpleViewer Support Team.