Hello,
IE shows spaces between a few boxes made of ul-li elements in CSS
unlike Firefox. I tried padding/margin in different places but cannot
fix it. The URL is http://www.vunet.us/wic/test/ztop.asp, see pop-up
menu over link "My Test"
Please, recommend a fix for IE. The menu keeps disappearing because of
the gaps (spaces) when moving mouse up and down.
Thanks.
VUNETdotUS wrote:
> Hello,
> IE shows spaces between a few boxes made of ul-li elements in CSS
> unlike Firefox. I tried padding/margin in different places but cannot
> fix it. The URL is http://www.vunet.us/wic/test/ztop.asp, see pop-up
> menu over link "My Test"
> Please, recommend a fix for IE. The menu keeps disappearing because of
> the gaps (spaces) when moving mouse up and down.
Since this is an 'on hover' effect only, it's difficult to trouble
shoot with the usual browser plugins. How about giving the same
example with static code? (i.e. the result of the csshover.htc)
--
Els http://locusmeus.com/
VUNETdotUS wrote:
> Hello,
> IE shows spaces between a few boxes made of ul-li elements in CSS
> unlike Firefox. I tried padding/margin in different places but cannot
> fix it. The URL is http://www.vunet.us/wic/test/ztop.asp, see pop-up
> menu over link "My Test"
> Please, recommend a fix for IE. The menu keeps disappearing because of
> the gaps (spaces) when moving mouse up and down.
> Thanks.
>
You're in quirks mode IE will use old non-standard rendering. First
switch to the 4.01 strict doctype. Remove all those z-index properties
they are not needed. Many times to successfully debug you need to
*remove* not *add* things...
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Jonathan N. Little wrote:
> VUNETdotUS wrote:
>> Hello,
>> IE shows spaces between a few boxes made of ul-li elements in CSS
>> unlike Firefox. I tried padding/margin in different places but cannot
>> fix it. The URL is http://www.vunet.us/wic/test/ztop.asp, see pop-up
>> menu over link "My Test"
>> Please, recommend a fix for IE. The menu keeps disappearing because of
>> the gaps (spaces) when moving mouse up and down.
>> Thanks.
>>
>
> You're in quirks mode IE will use old non-standard rendering. First
> switch to the 4.01 strict doctype. Remove all those z-index properties
> they are not needed. Many times to successfully debug you need to
> *remove* not *add* things...
As far as I can see, his page is rendered in standards mode; a
transitional doctype doesn't mean quirksmode. Only IE5 does quirksmode
on this page, but it would do that on a Strict page too.
--
Els http://locusmeus.com/
On Nov 7, 11:13 am, "Jonathan N. Little"
wrote:
> VUNETdotUS wrote:
> > Hello,
> > IE shows spaces between a few boxes made of ul-li elements in CSS
> > unlike Firefox. I tried padding/margin in different places but cannot
> > fix it. The URL ishttp://www.vunet.us/wic/test/ztop.asp, see pop-up
> > menu over link "My Test"
> > Please, recommend a fix for IE. The menu keeps disappearing because of
> > the gaps (spaces) when moving mouse up and down.
> > Thanks.
>
> You're in quirks mode IE will use old non-standard rendering. First
> switch to the 4.01 strict doctype. Remove all those z-index properties
> they are not needed. Many times to successfully debug you need to
> *remove* not *add* things...
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com
I removed most z-indexes, removed .htc file, changed doctype to
"http://www.w3.org/TR/html4/strict.dtd">
.... same thing. Only when I am over "right div" bar, IE7 does not hide
menu.
Sorry, I did not changed my example online: no access at the time. I
implemented your suggestions locally by copying code.
Isn't it some CSS box properties I need to look at?
Thanks.
VUNETdotUS wrote:
> Sorry, I did not changed my example online: no access at the time. I
> implemented your suggestions locally by copying code.
> Isn't it some CSS box properties I need to look at?
Now that I know it's not the htc file, I copied your page locally, and
found what's causing it: white space between the
Els wrote:
> VUNETdotUS wrote:
>
>> Sorry, I did not changed my example online: no access at the time. I
>> implemented your suggestions locally by copying code.
>> Isn't it some CSS box properties I need to look at?
>
> Now that I know it's not the htc file, I copied your page locally, and
> found what's causing it: white space between the
Jonathan N. Little wrote:
> IE whitespace bug.. Worst when in quirks mode.
But IE wasn't in quirks mode :P
--
Els http://locusmeus.com/
On Nov 7, 12:29 pm, Els
> VUNETdotUS wrote:
> > Sorry, I did not changed my example online: no access at the time. I
> > implemented your suggestions locally by copying code.
> > Isn't it some CSS box properties I need to look at?
>
> Now that I know it's not the htc file, I copied your page locally, and
> found what's causing it: white space between the
> not sure if there is another way to get rid of it without a lot of
> hacking, but if you just put the
> gone.
> Like so:
>
>
>
>
> (or just all on one line, but this way it is easier to read)
>
> --
> Els http://locusmeus.com/
WOW! Deepest thanks. IE...