Debt.tv

Style Sheet Code differences for IE and Firefox...
Ok, Here is my css code.

ISSUE #1

#restaurantlistings {
Position:relative;
top: 0px;
left:0px;
border-bottom:3px dotted grey;
padding-bottom:5px;

}

Looks fine in firefox but in IE the dotted border doesn't show??

ISSUE #2

ul#zmenudowntown {
position:relative;
top:2px;
left:-40px;
list-style-type: none;
text-decoration: none;
text-align: left;
white-space:nowrap;
float:left;
margin-top:20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
}

Again, looks great in Firefox but in IE I am getting the bullets??
????: NamePros.com http://www.namepros.com/programming/618750-css-code-for-ie-and-firefox.html

Help please!!!

Eric

__________________

Erdy

Hi,

Regarding the first issue, specify border bottom colour like this:

#restaurantlistings {
Position:relative;
top: 0px;
left:0px;
padding-bottom:5px;
border-bottom-width: 3px;
border-bottom-style: dotted;
border-bottom-color: #999999;
}

The second issue did not happen on my computer with IE6. I don't know why it happened on yours. But I would remove the ul from the rule name and just leave the id. This might solve the problem. Try this:

#zmenudowntown {
position:relative;
top:2px;
left:-40px;
list-style-type: none;
text-decoration: none;
text-align: left;
white-space:nowrap;
float:left;
margin-top:20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
}

By the way, there are a few things in this second rule that don't make sense. For instance the "float left" doesn't have any effect on an unordered list if you apply it to the ul tag. Instead it should be applied to the li tag. Then it will force the list items to line up horizontally. Also you can move the list style type to li tags. Here is the new version with two rules (the first one for ul and the second one for li)
????: NamePros.com http://www.namepros.com/showthread.php?t=618750

#zmenudowntown {
position:relative;
top:2px;
left:-40px;
text-decoration: none;
text-align: left;
white-space:nowrap;
margin-top:20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
}
#zmenudowntown li {
list-style-type: none;
float:left;
}

Cheers
Erdinç

Debt.tv

thank you

Rep'd

---------- Post added at 11:22 PM ---------- Previous post was at 11:06 PM ----------

I tried to change the float but it messed it all up. The float works where I have it, probably due to bad code someplace else. I am using dreamweaver and my checks seem to be coming out ok.

Thank you for all your help.

Eric

__________________