li indents in FF vs IE

[wbodger]

OK, you guys helped me with one simple thing (simple for you, a head banger for me...). The li items on this sidebar navigation

http://www.spu.edu/depts/facman/test.asp

keep their indent in FF and Safari, but not in IE when they wrap. Have I done something wrong with the treatment of the li?

div#main #sidebar ul, #sidebar li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#main #sidebar ul li {
	font-size: 11px;
	color: #666666;
	padding: 3px 0px 4px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}

Thanks.
WB

 

[BillyRayPreachersSon]

Remove the following 2 liens from your global CSS file:

ul
{
	list-style:none;
	margin:7px 22px;
	[!]list-style-position:inside;[/!]
}
ul li
{
	font-size:12px;
	line-height:17px;
	[!]list-style-position:inside;[/!]
	list-style-type: disc;
}

Both browsers are, after all, only doing what you're telling them to do.

As an aside, you have 2 errors on that page:

1. A missing "=" on the line:

<a href"mailto:

2: Crappy encoding instead of using HTML entities:

?Engaging the Culture and Changing the World?

Hope this helps,
Dan





Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[wbodger]

Or just switch it to outside, thanks for that! (love inherited code). And thanks for pointing out the missing "=", got it fixed. Now, about the "Engaging the culture, changing the world", do you mean up near the top of the page? All that I can find is inside of a gif image. That and I don't really understand what it is that you posted on that last point. And again, thanks for the help!

Willie

 

[feherke]

Hi

No, Dan means in the first paragraph :

[small]In support and furtherance of Seattle Pacific University's commitment and educational goal of [/small]“Engaging the Culture and Changing the World”[small], the Facility and Project Management Department exists to provide project management and maintenance services according to the following values and objectives[/small]

There you are using fancy double quotes around the text. But while no charset information is communicated to the browser, it may succeed or fail to detect the charset. Dan's browser apparently failed. And that is not the browser's fault, but the webmaster's.

Dan suggested to use character entities instead of the characters :

“Engaging the Culture and Changing the World”

I suggest to specify the charset :

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Feherke.

http://rootshell.be/~feherke/

 

[wbodger]

Ahh... got it, thanks!