DREAMWEAVER: extra whitespace in list links

kingofsparta · 07-05-2012, 01:52 AM

I am trying to build my first website here, but internet explorer 6.0 is giving me a really hard time with compatibility. When I use dreamweaver CS5.5 to test for compatibility, it always says that there is extra whitespace in my list links, which is going to cause a very likely problem in IE 6.0. Can someone please help me with this? Here is my CSS and HTML code...

HTML:

Code:

<div id="toplinks">
<ul>
<li><a href="../Index.html">Home</a></li>
<li><a href="../About.html">About Us</a></li>
<li><a href="../Forms.html">Forms</a></li>
<li><a href="../Contact.html">Contact Us</a></li>
</ul>
</div>

CSS:

Code:

#toplinks
{
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
	padding-left: 0;
	background-color:#333;
	border: 1px solid #ccc;
}

#toplinks ul
{
	list-style-type:none;
}

#toplinks a
{
	display: block;
	margin-left: 15%;
	padding-bottom:13px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	font-family: palatino "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:17px; 
	float: left;
}

aaronhockey_09 · 07-05-2012, 05:55 AM

To be perfectly honest, unless your designing for a government client, or some site like that. I wouldnt bother to much about making sure it works in IE6.

That being said, add a conditional statement for IE6, and do some trial and error.
Check out this link.

http://www.quirksmode.org/css/condcom.html

use it like this

Code:

<!--[if IE 6]>
Add your separate ie6 styesheet here. 
<![endif]-->

Cheers

kingofsparta · 07-06-2012, 05:08 PM

Thank you for the suggestion!