PDA

View Full Version : List in IE... easy fix? SOLVED



twodayslate
Mar 29th, 2007, 11:14 PM
http://twodayslate.com/test/test.php
Why are the lists on that page positioned so poorly in IE?

Looks great in FF.

Does this page work in your browser/screen resolution?

VIPStephan
Mar 30th, 2007, 12:50 AM
You can’t do this:


<ul>regular list
<li>Opti…


Nothing but list items (elements) can be direct children of a list element, be it in ul, ol, or dl. You should put the description of the lists in a headline or something with semantic meaning:



<h2>Numbered List</h2>
<ol>
<li>…


Also please use a strict doctype. This is not a friendly plea but rather a command!

twodayslate
Mar 30th, 2007, 02:38 AM
That did not work. :(

Is my doctype correct? I usually just use the one dreamweaver provides.
edit:// changed dreamweavers settings so I always have strict.

koyama
Mar 30th, 2007, 03:02 AM
Why are the lists on that page positioned so poorly in IE?
You have this in your style sheet:


* {
margin: 0;!important
padding: 0;!important
}
I don't know what you want that for, but, if anything this should be:


* {
margin: 0 !important;
padding: 0 !important;
}

twodayslate
Mar 30th, 2007, 03:07 AM
You have this in your style sheet:


* {
margin: 0;!important
padding: 0;!important
}
I don't know what you want that for, but, if anything this should be:


* {
margin: 0 !important;
padding: 0 !important;
}
One of my friends told me about the !important thing the other say so I decided to use it. I guess he told me wrong.

Having margins as 0 as default for everything makes it cross browser friendly. IE has different default margins than FF.

Thank you that worked wonderfully! :thumbsup: