A Little Help

[ShadowedRealm]

Could someone who uses IE5 (or 5.1) for Mac please check the following page for me:

http://medieval.shadowedrealm.com/mpi/index.php

I'd like to know whether or not the MPI Status Bar displays correctly. I've been having a problem with the CSS displaying properly, and I want to make sure that Mac users will be able to view the page correctly.

Thanks in advance.

 

[evil_santa]

this is on ie 5.2 on 10.3.7

 

[Cybernanga]

Hiya,

Just checke it with IE 5.2.3 on my iBook.

Sadly it seems there is an error. Your MPI status bar show's up with four item in it on one line. the items are: |Agriculture (21) ||Feudalism(37) ||Seige Weapons and Artillery(11) ||Armour and Shields(65)

"Armour and Shields" are over-running the border to the right.

Other than that, the page is looking good.

Oh, btw, my screen resolution is 1024 x 768, in fact let me attach a screenshot so you can see for yourself

 

[ShadowedRealm]

Edit----------------------
What does this look like? Does it just look like a list?

http://medieval.shadowedrealm.com/mpi/
--------------------------

I've attached an image of the way the page looks in IE6 and Firefox. Basically, I know that the error has to do with some sort of CSS display property that is more strict in IE5 than in most browsers.

Here's the CSS code for the relevent divs:

.statusbar {width: 532px;
margin-left: 10px;
opacity: .60;
filter: alpha(opacity=60);
-moz-opacity: .60;
display: block;
text-align: left;
background: #000000;
border: 4px ridge #2B5E17;
}

.text{width: 520px;
height: 96px;
font-weight: bold;
font-size: 9px;
margin-left: 1px;
}

.text ul{padding: 0;
margin: 0;
list-style-type: none;
width: 520px;
margin-left: 2px;
}

.text li {width: 168px;
height: 16px;
display: inline-block;
float: left;
margin-left: 1px;
border-left: 1px solid #808080;
border-right: 1px solid #808080;
}

.category {width: 168px;
margin-left: 2px;
margin-top: 1px;
}

And here's the HTML for that part of my page (the text div shown in the code below is nested within the overall statusbar div):

<div class="text">
	<ul>
	<li>
		<div class="category">
		//hyperlink
		<?php
		 //PHP code
		?>
		</div>
	</li>

The HTML code then continues with two more <li>s and then I close off the <ul>. There are a total of six <ul>s within the text div.

Does anyone know how I can change my CSS code so that I no longer get this error on Macs?

 

[MacLevel]

IE for mac is REALLY BAD. on my site i just have a javascript the redirects you to an error page when you try and visit any page using IE for mac.

 

[ShadowedRealm]

It is pretty bad, but I still really want to try to get it to work.

Could someone with IE5 mac please check this URL again:

http://medieval.shadowedrealm.com/mpi/index_beta.php

I've changed some of the CSS code after reading some Web sites, and I'm wondering if it made any difference.