My Site: www.inthemoonlightfiction.com
eFiction: v3.4.1
PHP: 5.2.4
MySQL: 5.0.27-standard
Mods: Challenges
Account (you can use my account): User: OneMoreIllusion pass: jao1010
Here's my problem. I've upgraded to the latest version and everything's hunky dory except this. For some reason, when you go to type in a username for co-author, the list appears down in the middle of the summary box. This only happens in IE (I hae javascript turned on) and according to Tammy seems to be a skin issue. I'm just not sure what the problem is precisely. Any help would be greatly appreciated!
My Site:
eFiction: v3.4.3
PHP: 5.2.4
MySQL: 5.0.27-standard
Mods: Challenges, Submit Time and Word Count
Check your CSS for something positioned to absolute or relative that may be pushing it down the page.
Hi Tammy,
So I've looked through the CSS for the default skin on my site (Coraline) andd I've found a couple mentions of position: absolute but I'm not sure if they're causing the problem. Additionally I looked in the header.tpl just on a hunch and that mentions it being position: aboslute; top so that might be the culprit? Here is the code from both just so you can see. The position: absolute is in bold:
CSS:
/* Main Title Position and Style */
.bgfttl {color:#3F4D4D;position:absolute;left:100px;top:90px;z-index:3;font:500 35px/25px georgia,times,palatino,"times roman","times new roman",serif}
.udrttl {font-size:12px;font-weight:lighter;color:#808080;position:absolute;left:140px;top:115px;z-index:3}/* Menu Styles */
.line {border-top:4px double #A4ACAC;height:5px;border-left:0;border-right:0;width:100%;text-align:left}
#menu {width:100%;height:25px;position:absolute;left:0;top:190px;text-align:center;vertical-align:middle;margin:0;padding-top:5px;padding-bottom:3px;display:block}
#menu OL {position:relative;left:0;top:0;margin-bottom:10px;color:#888868;list-style-type:none}
#menu LI {display:inline;vertical-align:middle;text-align:center;line-height:25px;margin:0;padding-right:.58em;padding-left:.58em;font-size:11px}
#menu A {color:#606048;text-decoration:none;padding:0}
#menu A:hover {color:#606048;background:#DBE5E5}
header.tpl:
<!-- START BLOCK : header -->
<body><table border="0" cellpadding="0" cellspacing="0" style="position:absolute;top:0;left:0;z-index:1">
<tr>
<td width="775"><img src="""" width="775" height="200" border="0" alt="" /></td>
</tr>
</table>{menu_content}
<div class="line" style="position:absolute;top:230px;left:0;z-index:2"></div>
<table width="98%" border="0" cellpadding="0" cellspacing="0" style="position:absolute;top:260px;left:0;z-index:2;">
<tr>
<td class="main">
<!-- END BLOCK : header -->
As I said I'm not sure if any of this is causing the problem but I figure code might help in the search.
My Site:
eFiction: v3.4.3
PHP: 5.2.4
MySQL: 5.0.27-standard
Mods: Challenges, Submit Time and Word Count
Yeah, I can't really help you with it any more than that. You're going to have to figure the rest out by trial and error. From what you posted, I suspect that all that absolute positioning is pointless and can be deleted. I'd just remove it a piece at a time until it breaks or the problem goes away.
I've looked at this and it works just fine in firefox, which makes me inclined to think its an IE problem. One solution is to use zoom:1 which when added to say that div forces IE to change how it reads the code, might even fix it. that only works for IE tho, so it won't be liked by say a css validator.
I am rebuilding efiction! Join us on irc! #efiction at
