The past few days, I've been working on editing my MySpace (yeah yeah, I'm pathetic), and I'm getting close to being done. Some stuff remains to be done on it, but I don't want to work on that until I finish what I'm stuck on.
It looks fine in Firefox, because, of course, Firefox supports CSS better than Internet Explorer does. I'm having a hard time getting it to look right in IE, though, and since most of the people who would be viewing it are going to be using IE, I want to make it nice and pretty for that as well.
http://myspace.com/spaceofades1134
If you load it in Firefox (and Opera, and hopefully other browsers as well), you'll see that the main box with the actual content looks decent -- it's wide and it fills up most of the page. It's slightly uneven, but that's because of MySpace's dreadful source.
But if you load the page in IE, you'll see that the box where I actually put stuff in is very narrow, only taking up about a third of the page. I'm not really sure how I can fix this.
The way the page is set up is something like this:
<body>
-<table>
--<tr>
---<td>
----<table>
-----<tr>
------<td>Content on the left side</td>
------<td>Blank cell</td>
------<td>Content on the right side</td>
It's a bit more complicated, but that's essentially it. The way I have my box set up is that it's all in the <td> that makes up the right side of the page, and I then format that.
The thing is, in FireFox I can set the <td>s with the specific width to "display: none;". But I can't do that in IE, since it doesn't support that CSS function. And, since the width of the table is still dispersed amongst 3 <td>s, the last <td> only takes up about a third of the page, which is bad -- I want it to take up the whole of the page.
The CSS I have so far:
http://headbanger.no-ip.org/msp.css
JavaScript is not an option. All I have is limited HTML and CSS ("#" symbol isn't allowed, amongst other things).
Anything that would be IE exclusive I can do by leading the selector with: "* html" and then use the rest. Anything that's "good-browser" specific I usually just use "body > table", since IE doesn't support the use of ">" in selectors.
I've been stuck on this for a while. If you have any ideas, I'll be most grateful.
