More IE/Mac Issues

Can anyone guide me with my horizontal list? It works fine in Firefox and IE
PC, but fails on IE/Mac.

http://www.dmcupdate.com/index.asp its the footer menu that should be a
horizontal list. Any clever ideas?

Cheers,

Steve

Try deleting float: left; from the #footer and substitute it with
display: inline;




#footer li{

display: inline;

list-style-type: none;

margin: 0 0 1em;

padding: 2;

white-space: nowrap;

}




Then include the copyright info within a <li></li> tag and set its
margin left (see below)


<div id="footer">

<ul>

<li><a href="http://www.dmcupdate.com/terms.asp">Terms of Use</a></li>

<li><a href="http://www.dmcupdate.com/privacy.asp">Privacy
Policy</a></li>

<li><a href="http://www.dmcupdate.com/about.asp">About Us</a></li>

<li><a href="http://www.dmcupdate.com/contact.asp">Contact Us</a></li>

<li><a href="http://www.dmcupdate.com/advertising.asp">Advertising
Opportunities</a></li>
<li style="padding-left: 30px;">&copy;2004 DMC Limited - All Rights
Reserved</li>

</ul>

</div>










Dooza wrote:

Can anyone guide me with my horizontal list? It works fine in Firefox and IE
PC, but fails on IE/Mac.

http://www.dmcupdate.com/index.asp its the footer menu that should be a
horizontal list. Any clever ideas?

Cheers,

Steve

Osgood wrote:

Then include the copyright info within a <li></li> tag and set its
margin left (see below)

or padding left, as it is in the code

"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

Osgood wrote:


Then include the copyright info within a <li></li> tag and set its
margin left (see below)


or padding left, as it is in the code

Hi Osgood, thank you for the solution, its starting to look great.

Are you saying I should create a seperate class for the copyright info,
setting the padding left?

Steve
www.dooza.tv

Dooza wrote:

Are you saying I should create a seperate class for the copyright info,
setting the padding left?

As the footer I assumes appears in all of your pages I would suggest its
probably a good idea since if you want to move the info a bit further
left/right at any time it's easily achieved.

I didnt test the solution in PC, only on Mac in IE5.2/Safrai and Firefox
were it seemed to work ok. Creating good horizontal menus using <ul><li>
tags can be somewhat troublesome. I try to avoid them if it's possible.

"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

Dooza wrote:


Are you saying I should create a seperate class for the copyright info,
setting the padding left?


As the footer I assumes appears in all of your pages I would suggest its
probably a good idea since if you want to move the info a bit further
left/right at any time it's easily achieved.

I didnt test the solution in PC, only on Mac in IE5.2/Safrai and Firefox
were it seemed to work ok. Creating good horizontal menus using <ul><li
tags can be somewhat troublesome. I try to avoid them if it's possible.

Hi Osgood, could I take it out of the list and just format it using CSS? I
dont see why not, but since this is wroking nicely on all browsers and
platforms I will stick with it.

Thanks again for your help!

Steve
www.dooza.tv

Dooza wrote:

Hi Osgood, could I take it out of the list and just format it using CSS? I
dont see why not, but since this is wroking nicely on all browsers and
platforms I will stick with it.

I see no reason why you could'nt take it out of the list if you can get
it working by another method.