CSS Code for IE and Firefox.

[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??

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)

#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 ----------

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)

#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ç

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