Text only | Text with Images

coppermine-gallery.com/forum

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: stormtrooper on May 29, 2006, 07:48:05 PM

Title: Table width (too wide with IE; fine with firefox)
Post by: stormtrooper on May 29, 2006, 07:48:05 PM
as gaugau proposed here: http://forum.coppermine-gallery.net/index.php?topic=28979.0
I start a new thread.

Here's my problem:

I tried to change the table settings in the ACP (album and thumbnail-table), as well as in the template.html. even if I change everything to 50% or 300 px, so that I have lots of unused space around the table, IE displays me a horizontal scrollbar. This only happens, when I run the gallery in a frame. When running seperately, IE is displaying it correctly.
With Firefix I don't have any horizontal scrollbars (neither in a frame nor running seperately).

see the attached file for visualisation.
- left side is IE7 beta 2 (7.0.5296.0), right side is Firefox 1.5.0.3
- 1st row: gallery mainpage
- 2nd row: album overview
- 3nd row: thumbnail overview

direct link: www.unihockey-deitingen.ch/gallery/coppermine

in a frame: www.unihockey-deitingen.ch/enter.htm
(gallery is hidden for public: click on the"i"-dot of "Unihockey" at the top. :)

I also tried the original coppermine skin and the others included in the cpg 1.4.6-package. same result.
thanks for any feedback.
Title: Re: Table width (too wide with IE; fine with firefox)
Post by: Joachim Müller on May 29, 2006, 09:46:50 PM
known issue in IE, try setting the width to 98% instead of 100%
Title: Re: Table width (too wide with IE; fine with firefox)
Post by: stormtrooper on May 30, 2006, 12:15:29 AM
I've already tried this before posting here...
any other ideas?
Title: Re: Table width (too wide with IE; fine with firefox)
Post by: Joachim Müller on May 30, 2006, 04:23:57 AM
Make sure to set margin and padding attributes for the body in your stylesheet. Browsers have silly defaults (not "zero") if you fail to define those attributes.
Title: Re: Table width (too wide with IE; fine with firefox)
Post by: stormtrooper on May 30, 2006, 07:04:58 PM
your tip went into the right direction...
I googled
http://www.positioniseverything.net/explorer/doubled-margin.html (in english)
http://www.medani.at/news/2006/02/13/double-float-margin-bug-im-ie/ (in german)

and found out that the scrollbars disappear when

Code Select
display: inline;

is added to the stylesheet.
new bug appears: the table is not centered anymore.
in firefox the table is still centered.
Title: Re: Table width (too wide with IE; fine with firefox)
Post by: stormtrooper on May 31, 2006, 12:34:16 AM
fixed it somehow like this:

Code Select

html, body {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        background : #FFFFFF;
        color : #333333;
        margin-top:0px;
        margin-bottom:0px:
        margin-left:auto;
        margin-right:auto;
        width:98.4%;
        scrollbar-DarkShadow-Color:#FFFFFF; scrollbar-Track-Color:#FFFFFF;
        scrollbar-Face-Color:#1C5087; scrollbar-Shadow-Color:#FFFFFF;
        scrollbar-Highlight-Color:#FFFFFF; scrollbar-3dLight-Color:#FFFFFF;
        scrollbar-Arrow-Color:#FFFFFF

}

body{}
}


I know its not the nicest css, but at least the gallery is now almost centered. In firefox it look a little bit displaced, but acceptable due to the fact, that IE is still more used.
Text only | Text with Images