Website help...

[Egekrusher]

Hey,

I'm having problems with the way one of my tables is displaying in Internet Explorer. It displays fine in other browsers, just not IE.

I have a table set up with a picture inside of it. The picture is set to 20% height and 35% width of the table. Well, for some reason, IE is displaying it as 20% height and 35% of the table CELL that it is in, so it looks like a little white line. I can't figure out a workaround for this.

Here is the offending code:

<table style="color: rgb(255, 255, 255);" align="center" bgcolor="black"
height="90%" width="60%">
<tbody>
<tr>
<td>
<p align="center">This music is of the techno-industrial sort.
Rejuvination is a bit more upbeat, but for a reason that you will
come to see later. I equalized Hope and Rejuvination, so now there
isn't a staggering amount of LFB. I had to re-encode an MP3 that was
already only 192kbps, so it may not sound the best. If you like what
you hear, send
an email <a href="mailto:[email protected]">her e</a> </p>
</td>
</tr>
<tr>
<td>
<p align="center"><a
href="http://technologicalwasteland.com/music/PowerSurge%20-%20Hope.mp3">Hope</a></p>
</td>
</tr>
<tr>
<td>
<p align="center"><a
href="http://technologicalwasteland.com/music/PowerSurge%20-%20Rejuvination.mp3">Rejuvination</a></p>
</td>
</tr>
<tr>
<td>
<p align="center"> <a
href="http://technologicalwasteland.com/music/071704-2_3low.mp3">Neurotic
Self Destruction- Low Bandwidth</a> </p>
</td>
</tr>
<tr>
<td>
<p align="center"> <a
href="http://technologicalwasteland.com/music/071704-2_3.mp3">Neurotic
Self Destruction- High Bandwidth</a></p>
</td>
</tr>
<tr>
<td>
<p align="center"><a
href="http://technologicalwasteland.com/music/Enveloped%20in%20Darkness.mp3">Enveloped
In Darkness- Low Bandwidth</a></p>
</td>
</tr>
<tr>
<td>
<p align="center"> <a
href="http://technologicalwasteland.com/music/Enveloped%20in%20Darkness-High.mp3">Enveloped
In Darkness- High Bandwidth</a> </p>
</td>
</tr>
<tr>
<td>
<p align="center"> <a
href="http://technologicalwasteland.com/music/PowerSurge%20-%20Hopelessness.mp3">Hopelessness</a>
</p>
</td>
</tr>
<tr>
<td>
<p align="center"> <a
href="http://technologicalwasteland.com/music/PowerSurge%20-%20Nuclear%20Waste.mp3">10,000
Rads - Highly Recommended!</a> </p>
</td>
</tr>
<tr>
<td>
<p align="center"> <img src="images/personal/odd.jpg"
height="20%" width="35%"> </p>
</td>
</tr>
<tr>
<td><br>
<p align="center">All songs copyright PowerSurge 2004. No
unauthorized reproduction, distribution or sales are allowed.</p>
<br>
</td>
</tr>
</tbody>
</table>

And here is the website:

http://technologicalwasteland.com

[Vodstok]

do you absolutely need to use relative sizes? hard-setting the size might make life easier. try this:

20% both ways is 128x96

35% both ways is 224x168

the dimensions you have set should make 224x96


IE does all relative sizes based on the table tags just outside the assigned item, so if you make something 10% inside a cell, it will be 10% of the cell, not the page.

I do all of my developement for IE, so i know it's guts pretty well.

Feel free to look at the behind code in my galleries (http://scaredyet.net/gallery/ ), i use the exact same technique

[Egekrusher]

Originally posted by Vodstok
do you absolutely need to use relative sizes? hard-setting the size might make life easier. try this:

20% both ways is 128x96

35% both ways is 224x168

the dimensions you have set should make 224x96


IE does all relative sizes based on the table tags just outside the assigned item, so if you make something 10% inside a cell, it will be 10% of the cell, not the page.

I do all of my developement for IE, so i know it's guts pretty well.

Feel free to look at the behind code in my galleries (http://scaredyet.net/gallery/ ), i use the exact same technique

Bah. Good going MS, let's blow away all the standards. I want it to display the same way no matter what screen resolution you're using. Is there a way to do that within a table in IE, or am I screwed?

[Vodstok]

not that i can think of. could you post a screenshot of it in another browser?

[Egekrusher]

Here ya go:

[Vodstok]

And you definately want it to scale based on the size of the page, correct?

[Egekrusher]

Originally posted by Vodstok
And you definately want it to scale based on the size of the page, correct?

Correct. If it absolutely CANNOT happen, then I need to optimize that picture for viewing at 1024x768. Anything lower is obsolete.

[Vodstok]

I dont think it can. MS is definately powerful enough to write their own rules. I'm sure there are some cool javascript tricks you could pull that would alter the type of pciture loaded based on browser type, but i dont know any myself.

this may help, if you are interested:
http://javascript.internet.com/

[Egekrusher]

Originally posted by Vodstok
I dont think it can. MS is definately powerful enough to write their own rules. I'm sure there are some cool javascript tricks you could pull that would alter the type of pciture loaded based on browser type, but i dont know any myself.

this may help, if you are interested:
http://javascript.internet.com/

Screw it. I'll just write an anti-MS banner and place it on the page. What fucking genius came up with these standards, anyways?

[Vodstok]

there is the w3 standard, then the different comapnies out there come up with their own. netscape is just as bad as MS in that department, and they have whored their parts out for Mozilla, so 2 of the "major" browsers are basically the same.



Personally, i like and use the MS standard (I Use ASP .Net which is a proprietary MS technology). that is what i do all of my work in.