Hello, I´m new here...
I use the newest SigPro, just bought today and I´ve had and have still have some problems when using IE7.
First I tried several solutions to align my thumbnails to the center. This hack
Add the bold section below to this line of code
li.sig-block { float:left; position:relative; left:3%; background:#fff !important; margin:5px; padding:0; }
in the template.css file in plugins/content/jw_sigpro/templates/default
worked fine, but only in IE8
There it looks like this Picture1
www.grizzly-adams.de/images/zentriert_ie8.JPG
. Nice, that´s what I wanted...
Then I switched over to IE7...what a surprise; it didn´t work. The thumbnails were all outside the content, it looked like Picture2
www.grizzly-adams.de/images/zentriert_ie7.JPG
. So I reverted the changes I made in my template.css for the aligning of thumbnails. Now I´ve lost my nice aligned thumbs in IE8 but
still have messed up thumbs in IE7 >:(
So I looked around in the forum and found a solution; I changed a line in the template_ie7.css:
old:
li.sig-block a.sig-link:hover { float:left; }new:
li.sig-block a.sig-link:hover { float:left; position:relative}
That helped a bit, now the thumbs are in the content - but 4 images in 3 rows are too much for the space I have (maximum 550px). Look at Picture3
www.grizzly-adams.de/images/nichtzentriert_ie7.JPG
IE8 made 3pics in 4 rows - that fits great to my content. Like in Picture 1
Lot of text, what do I want?
a) In IE7: Showing my 12 pics in 4 rows, 3 pics on each row (like in IE8). It could be hard-coded in the css, because my content is a little narrow so 3 thumbs next to another would be always enough
b) if possible, having the thumbnails centered in my content in IE7 and IE8
I found solutions for every prob alone, but the solutions doesn´t work in both browsers. It´s always only a) or b)
Any suggestions for a) and b) ?
The page I´m talking about is here:
www.grizzly-adams.de/index.php?option=com_k2&view=item&id=894&Itemid=144 ,just click on the tab "Bilder"
Thanx in advance,
Stephanie
Edit: After a long night I have found a workaround to make the thumbnails fit into my content - just addes "ul.sig-container { width:520px;}" to my ie7template.
Now I only have the problem with the alignment to the left
