Different results in IE and FF

[leeboycymru]

I have a php output from a database that is being controlled with css also to create a list.

Its fine in Mozilla, but not in IE. Can anybody see why.

ul {
list-style-type: none;
margin: 7px;
padding: 0;
}
li {
/*border-right: 1px solid #777;*/
float: left;
margin: 0 .3em 0 -.3em;
padding: 0 .6em 0 .6em;
}


and here is the link:

http://www.checksafetyfirst.com/en/hotel1.php?Id_Hot=1047

cheers

Lee

 

[Vragabond]

This is still very poorly done. Every item is in each own unordered list, which is a waste. Elements are floated, when they are actually just inline text. Make sure they all render in one list and then start styling that list. I would opt for making it entirely inline.

 

[leeboycymru]

Yes your right Vragabond, I will start again with this.

Lee

 

[leeboycymru]

Hi Vragabond, could you suggest an answer to the wrap around problem in IE, so I can at least let it to go live whilst I work on improving it and doing it properly.

Lee

 

[Vragabond]

I suggest you try this:

.navlist
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline;
}

.navlist li
{
  display: inline;
  line-height: 1.1em;
  margin: 0 .5em 0 -.5em;
  padding: 0 .5em 0 .5em;
}

That should be more what you're after.

 

[leeboycymru]

Thank you vragabond, I didnt see this reply...

But It does sort of throw up another issue which i found using span.

In that although it doesnt now create a new line for itself it does however still split the link in 2 one bit on one line, and the other on another.

sorry about the new post.

lee

 

[Vragabond]

Then just add this as well to the mix:

.navlist a {
  white-space: nowrap;
}

 

[leeboycymru]

Oh Vragabond,

Thank you so much...

that worked and as I saw that it did, my stress level reduced by a a tonne...

Thanks again

and sorry about the extra post.

lee

 

[Vragabond]

You're welcome. I would still change the way you output the list (to the format I suggested in PHP forum). Now that you are no longer stressed out, you could work on changing the sql to make it retrieve all the records.