Maarten,

On Oct 31, 2005, at 7:27 AM, Maarten Reynders wrote:

> I'm building my first "table-less" site with <div>s and css. But now 
> I've got a problem which is driving me nuts for over 3 hours. You can 
> check the site at http://www.inventis02.be/. In firefox everything is 
> fine, but when you check it in internet explorer, you can see every 
> button in the navigation has white space between the button and de 
> bottom-border. It would be super if anyone could help me out with this 
> problem.

This problem only appears in ie/win.  It is known as the 'whitespace' 
bug.  To get around this, I usually change the list markup to remove 
the linebreaks _between_ tags.  like so

<ul
        ><li><a href='index.php?section=home'>home</a></li
        ><li><a href='index.php?section=1' id='nav_active'>praktijk</a><ul 
id='menu_sub'
                ><li><a href='index.php?section=1&subsection=4'>verwijderen van 
teken</a></li
                ><li><a href='index.php?section=1&subsection=5'>steriliseren 
van 
honden</a></li
                ></ul></li
        ><li><a href='index.php?section=3'>achter de schermen</a></li
        ><li><a href='index.php?section=2'>informatie</a></li
        ><li><a href='index.php?section=links' target='_self'>links</a></li
        ><li><a href='index.php?section=contact' 
target='_self'>contact</a></li>
</ul>

You can also solve the problem by adding ie-only css to close up the 
gap.  Neither solution is optimal, but when dealing with ie6 that's 
often the way it goes.

Roger,

Roger Roelofs
"Remember, if you’re headed in the wrong direction,
        God allows U-turns!"
          ~Allison Gappa Bottke
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to