IE is ferociously stupid, or it just hates me Options

[Nadiyya]

Hello. =)
I think it's time for me to be a bother again, if that's all right. I know, I know, "go away, Nadiyya."

But IE is getting on my nerves again. My site looks fine in Firefox. And in Opera. And in Safari. But it's like Microsoft has some sort of grudge against me. This is my problem:

It's a WordPress theme, so I'm not exactly sure how I'd go about posting my codes in here. I guess if any one wants to help out, you can look at the source code?

Pain in the ass: http://f.erocio.us

Thank you much in advance. =)

[Blaqheartedstar]

the nav works for netscape, but i do get the feeds/social profile buttons overlapping the calender.
based off the source codes, both are in different tables. have you tried just adding both the buttons and the calender in one table instead?
something kinda like this.

CODE

<table id="Table_01" width="326" height="172" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            1st set of buttons (left)</td>
        <td rowspan="3">

            calender (this ends up on the right side)</td>
    </tr>
    <tr>
        <td>
            2nd set of buttons (left)</td>
    </tr>
    <tr>
        <td>
            3rd set of buttons (left)</td>

    </tr>
</table>

[Nadiyya]

I can't, unfortunately. Or maybe I just don't know how to.
The calendar is a WordPress sidebar widget; I don't know if there's a code you can just put into your template to make it show up. I don't want to download any plugins for a calendar, either.

The feed icons are put into my layout separately--the calendar, search bar, advertisement, recent posts, and blog roll are all widgets & part of a dynamic sidebar. When I used them as widgets, they end up in lists, like this

CODE

<ul>
  <li><table><tr><td>calendar</td></tr></table></li>
  <li>
    <ul>
      <li>recent entries</li>
    </ul>
  </li>
  <li>
    <ul>
      <li>blog roll</li>
    </ul>
  </li>
</ul>

[Blaqheartedstar]

since the feeds' codes have like no image tags, makes it hard to figure it out.
um.. well seeing how its all programed to go into that format, have you tried just having a smaller set of feed buttons on the blog its self? or under the intro?
i can send some website icon set for feeds your way unless we used the same one, i have that set of buttons.
not very good with mods of that nature... although i do mod a ton of scripts i use on my site. but i got backstage access

back on topic.
i never used li for a website layout pretty need though, i use tables more tables and div layers for padding... probably a hot mess but it gets the job done.

but are you in control of where the feeds go?

[Nadiyya]

I'd prefer to keep the feed icons the way they are, but yes, I have control over them.

I kinda changed this around, since it was so frustrating, but now I have a new problem...and it's with Firefox, not with IE. My sidebar and content area are both in two separate table cells. The problem is that they're aligning to the bottom of the cell, and not to the top.

I've tried adding valign="top" to the cells themselves, and I have td { vertical-align:top; } in my stylesheet. Even put in a !important, but it still didn't work.

Any ideas? And I still have problems with the navigation not working right in IE. =(

edit: I figured out the alignment problem. Just used divs instead of tables.

This post has been edited by nadiyya: Sep 16 2008, 01:00 PM

[tokyo-rose]

edit: I figured out the alignment problem. Just used divs instead of tables.

Yay. :) Closing and moving this, then. PM me if you need this topic reopened!

[tokyo-rose]

Reopened.

[fixtatik]

IE doesn't deal well with padding, especially with lists.
in your style sheet, you have this:

CODE

#navigation ul { height:30px; list-style:none; margin:8px 0 0; }
#navigation ul li { float:left; }

if you add in line-height:30px; to #navigation ul li { }, it should work fine. (30px, because that's the height of the list.)