Template Help - Internet Explorer Issues

[shanksta13]

I seem to be having issues with Internet Explorer, as opposed to my Firefox browser.  The two look different, as most of everything is in bold in IE, while it looks fine in Firefox.  Any ideas?

[shanksta13]

I found this in the code, seems to be the problem, but I couldn't find it in any of the template files:

Code Select Expand

<div id="main_menu">
<ul class="clearfix">
<li id="button_home" class="active">
<a title="home" href="/message-board">
<span><em>Home</em></span>
</a>
</li>
<li id="button_help">
<a title="help" href="/message-board?action=help">
<span>Help</span>
</a>
</li>
<li id="button_search">
<a title="search" href="/message-board?action=search">
<span>Search</span>
</a>
</li>
<li id="button_profile">
<a title="profile" href="/message-board?action=profile">
<span>Profile</span>
</a>
</li>
<li id="button_pm">
<a title="pm" href="/message-board?action=pm">
<span>My Messages</span>
</a>
</li>
<li id="button_SMFPredictionLeague">
<a title="SMFPredictionLeague" href="/message-board?action=SMFPredictionLeague">
<span>Pick Em</span>
</a>
</li>
<li id="button_mlist">
<a title="mlist" href="/message-board?action=mlist">
<span>Members</span>
</a>
</li>
<li id="button_bookmarks">
<a title="bookmarks" href="/message-board?action=bookmarks">
<span>My Bookmarks</span>
</a>
</li>
<li id="button_logout" class="last">
<a title="logout" href="/message-board?action=logout;b71a88c64=8fc5600553f1b512ee1b630b9dbe2b3e">
<span>Logout</span>
</a>
</li>
</ul>
</div>
<ul id="linktree">
<b class="last">
<a href="/message-board" style="color: ;"><span>SEC Sports Hub - Message Board</span></a>
</li>
</ul>

The problem seems to be the <b class="last"> line, since everything after the linktree is bold.  However, I couldn't find this line of code in the display.template.php, the boardindex.template.php, the messageindex.template.php or the index.template.php.  Any ideas?

[Antechinus]

Which theme is that, because that is invalid code and should be corrected if it's in a theme download.

It should be like this:

Code Select Expand

<ul id="linktree">
      <li>
      <b class="last">
         <a href="/message-board" style="color: ;"><span>SEC Sports Hub - Message Board</span></a></b>
      </li>
   </ul>

[shanksta13]

Which theme is that, because that is invalid code and should be corrected if it's in a theme download.

It should be like this:

Code Select Expand

<ul id="linktree">
      <li>
      <b class="last">
         <a href="/message-board" style="color: ;"><span>SEC Sports Hub - Message Board</span></a></b>
      </li>
   </ul>

Sorry, that was probably a little unclear.  That was the source code when you view the page.  I take it that isn't the problem spot then?

[shanksta13]

Nevermind, I was able to end the end tag </b> after a line of code and it solved the problem.  I have one more issue, but it's different.

The header section of my template looks funny in IE.  Here's a screenshot, any suggestions as to where to look in the coding to fix it would be great!  The problem space is circled, that white space shouldn't be there and it isn't in my Firefox browser, but it shows up in IE.

[Antechinus]

ETA: Was about to post this but you got there first:

"No, it is definitely the problem spot because it is lacking an opening <li> tag and it is also lacking the closing </b> tag. That's why everything after the linktree is bold."

Note that there is still a problem with the opening <li> tag, which needs to be in place for the code to validate. Also, if the theme had these errors in place when you downloaded it we'd like to know so they can be corrected before anyone else hits this problem.

[shanksta13]

ETA: Was about to post this but you got there first:

"No, it is definitely the problem spot because it is lacking an opening <li> tag and it is also lacking the closing </b> tag. That's why everything after the linktree is bold."

Note that there is still a problem with the opening <li> tag, which needs to be in place for the code to validate. Also, if the theme had these errors in place when you downloaded it we'd like to know so they can be corrected before anyone else hits this problem.

I'm not sure if they are or not, they were the default files from the SMF 2.0 RC 1 default template.

Any ideas on the white space up top?

[Antechinus]

Yes. It's caused by there being no content in that td cell. Well, to be perfectly honest it's caused by IE being a piece of crap but that doesn't help solve the problem. Try this:

Code Select Expand

<div id="user_section" class="bordercolor windowbg2"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>

That should give the same background full height.

[shanksta13]

Yes. It's caused by there being no content in that td cell. Well, to be perfectly honest it's caused by IE being a piece of crap but that doesn't help solve the problem. Try this:

Code Select Expand

<div id="user_section" class="bordercolor windowbg2"', empty($options['collapse_header']) ? '' : ' style="display: none;"', '>

That should give the same background full height.

Where should I add that?

[Antechinus]

I've just added windowbg2 to the existing class for that section. Look near the start of the body section of index.template, just before the code for avatars and user info. You should see it.

[shanksta13]

That didn't seem to fix it and I cleared the cache just to be sure.  Any other ideas?

[shanksta13]

I can't seem to get rid of this whitespace?  Can anyone point me in the right direction?