View Single Post
Old 10-11-2008, 07:59 PM   #6
Cary's Avatar
Join Date: Apr 2007
Location: San Diego, CA
Posts: 723

There a few things which need fixing. There's a blank line above your doctype. Remove that or it will just cause you headaches when trying to work with IE 6 as it makes IE 6 render the page in quirks mode using its broken box model. Right now the page is looking really bad in IE 6.

You have several validation errors which need to be fixed.

I noticed this...

HTML Code:
<ul id="MenuBar1" class="MenuBarVertical">
  <div id="menulijn_12"></div>
  <div id="menulijn_11"></div>
  <div id="menulijn_10"></div>
  <div id="menulijn_9"></div>
  <div id="menulijn_8"></div>
  <div id="menulijn_7"></div>
  <div id="menulijn_6"></div>
  <div id="menulijn_5"></div>
  <div id="menulijn_4"></div>
  <div id="menulijn_3"></div>
  <div id="menulijn_2"></div>
  <div id="menulijn_1"></div>
  <li><a href="index.html">Voorwoord</a> </li>
I'm guessing you added the divs so you could use absolute positioning on them to create your "dashes". It's all wrong. All additional content within a list must be within the li tags, and even then it needs to be an inline element. Block-level elements such as divs can't be used, and absolute positioned elements such as these will never work across different browsers and computers. This would only work if the text was the exact same size for everyone with the exact same line spacing. That's just not possible.

You should be styling the borders of the li or a elements to achieve this effect. I haven't messed with Spry yet, but it seems it should give you this kind of control.
Cary is offline   Reply With Quote