New Template - DELICIOUS v1.0 is Now Out

[lauravink]

I absolutely love this template, but I have a problem with the image-footer which is really bothering me. It is completely an IE problem, in FF is all works wall.

My website is: http://www.lauravink.nl. What I have done is add a small border around the image. But now, the image-footer is IE will extent the imageborder and will appear in it. (As can be seen for example here: http://www.derlitograph.de/index.php)

But I know want is that the footer is below the image border.
Therefore I changed the CSS of the image-footer:

#image-footer {
font-family:Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
font-size: 11px;
position: absolute;
background-color: white;
text-align: center;
margin-top: 12px;
margin-bottom: 10px;
color: #DDDDDD;
float: none;
}

I had changed position: relative to position: absolute; and now the footer is free from the image border, but: it is still not in the right place; it's most to far to the right! (There are still a few pixels to much on the bottom imageborder, why?)

When I put in the image_template:
<div id="image-footer" style="<IMAGE_WIDTH>px"> the footer will (in IE) not be in the center but will be put more to the right; this will even cause the horizontal scroll bar to appear! In FF the footer will be perfectly centered under the image.

I now changed the width to 65% to prevent the scroll bar to appear, but this makes the footer in FF be left from the center, en in IE right from the center. I want it to be center precisely under the image; and prefer the footer width to be the same as the image width.

Who can help me with this? I would be very thankful! I hope my story is clear to you all.

[dhdesign]

Hi Laura -

To remedy this problem, change the section in your stylesheet for #image-footer to read as follows:

#image-footer {
font-family: Trebuchet ms, Tahoma, Verdana, Georgia, Arial, sans-serif;
font-size: 11px;
background-color: transparent;
text-align: center;
margin: 20px auto 10px auto;
color: #ddd;
}

Change your image_template.html back to what it was before:
<div id="image-footer">

Those changes should fix your issues.

[lauravink]

Thanks, but unfortenatly, this is still not working in IE. In both Firefox & IE its perfectly centered, but in IE the footer is IN the imageborder.

Therefore, I changed it back again. Any other options?

[dhdesign]

Laura -

Please put the fix back in the stylesheet that I suggested to get the centering issue resolved. That way all that's left to fix is to get the footer out of the image border.

I'll need to spend some time working on the fix for that part. I'm heading out of town later this AM for a couple of days, but I will try and work on it when I get back.

What version of IE are you using?

[lauravink]

I use IE version 6, and also IE tab in Firefox. Since 75% of my visitors is using IE, I really hope it can be fixed.

I would rather wait with putting the CSS back to your suggest since it would leave my visitors for a couple of days without footer, so please let me know when you are back and have time to work on this fix, then I will change it immediately.

Thank you very much!!

[irishblue]

I seem to be getting an error "meinimg.filters.alpha" in IE (works in firefox) related to the image footer.

http://www.stephyk.com

<div id="image_footer">
<p align="center"><script type="text/javascript">
var opac_start=100
var opac_base=100
function opac_in(bild){
meinimg=bild
browserweiche=bild.filters?"ie":typeof bild.style.MozOpacity=="string"?"mozilla":""
setfade(opac_start)
high=setInterval("faden(meinimg)",50)
}
function opac_out(bild){
cleartimer()
setfade(opac_base)
}
function setfade(grad){
if (browserweiche=="mozilla")
meinimg.style.MozOpacity=grad/100
else if (browserweiche=="ie")
meinimg.filters.alpha.opacity=grad
}
function cleartimer(){
if (window.high) clearInterval(high)
}
function faden(bild1){
if (browserweiche=="mozilla" && bild1.style.MozOpacity<1)
bild1.style.MozOpacity=Math.min(parseFloat(bild1.style.MozOpacity)+0.03, 0.99)
else if (browserweiche=="ie" && bild1.filters.alpha.opacity<100)
bild1.filters.alpha.opacity+=3
else if (window.high)
clearInterval(high)
}
</script>

[DMR1712]

Hello everyone,

probably a stupid question, but how do I make sure that the page is the light (white) version when someone enters the site? I like it better than the black background.

Thanks in advance!
DMR1712

[egoshutter]

How do you change the logo to a image file such as jpg etc..?

[mowopi]

@egoshutter

http://www.pixelpost.org/forum/showthread.php?t=9057

[egoshutter]

I can't find the code <SITE_TITLE> in the file for the Delicious template. How about the code logo and logo_sub? can you add any codes there ??