Re: [css-d] IE 7 DROP DOWN MENU HANG CHECK PLEASE

[Chetan Crasta]

On Tue, Sep 13, 2011 at 9:03 AM, Alan Gresley  wrote:

> On 13/09/2011 12:43 PM, Elli Vizcaino wrote:
>
>  I found this on a possible fix:
>> http://www.builtfromsource.**com/2006/10/23/a-fix-for-**
>> suckerfish-dropdowns-in-ie-7/
>> - I added #main-nav li.about:hover { position: static;} Can someone
>> please confirm that this works in IE7 and the sub menu NO longer
>> hangs or freezes. 
>> http://e7flux.com/dfd/index.**html
>>
>> Much appreciated!
>>
>> Elli Vizcaino
>>
>
>
>
In IE7, the sub menu does not appear at all now.

> Chetan, can yob please described what you observed.

Earlier, in IE7, the sub menu would freeze (could not be made to disappear).

Regards,
Chetan Crasta
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE 7 DROP DOWN MENU HANG CHECK PLEASE

[Alan Gresley]

On 13/09/2011 12:43 PM, Elli Vizcaino wrote:


I found this on a possible fix:
http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/
- I added #main-nav li.about:hover { position: static;} Can someone
please confirm that this works in IE7 and the sub menu NO longer
hangs or freezes. http://e7flux.com/dfd/index.html

Much appreciated!

Elli Vizcaino



This sticky drop-down menus in IE7 can be turn on and off very easy. You 
say you have Windows so I can not understand why you would not have at 
least IE8. If this is correct, you can check IE7 by using IE7 emulation 
mode in IE8. The sticky drop-down bug is described here.


http://css-class.com/articles/explorer/sticky/

and just a simple change like background-color,

http://css-class.com/articles/explorer/sticky/stickybug2.htm

can fix the bug.

My article and the article on Built from source is describing a bug that 
requires JavaScript for IE6 support. Since I see no JavaScript in your 
code, this is not the bug that someone has observed.


I cannot link from this list archives since they stop at the 1st of 
September but from my inbox, I can see that it was Chetan that noted this.



In IE7-WinXP, once the drop down menu appears it stays visible even after
moving the mouse outside.

Regards,
Chetan Crasta



Chetan, can yob please described what you observed.



--
Alan Gresley
http://css-3d.org/
http://css-class.com/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE 7 DROP DOWN MENU HANG CHECK PLEASE

[Elli Vizcaino]

>>   I found this on a possible fix:
>> 
> http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/
>>   - I added #main-nav li.about:hover { position: static;} Can someone
>>   please confirm that this works in IE7 and the sub menu NO longer
>>   hangs or freezes. http://e7flux.com/dfd/index.html
> 
> 
> Works fine in IE7 at my end.
> 
> regards
>         Georg

Great! Thanks Georg :)).

Elli 
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE 7 DROP DOWN MENU HANG CHECK PLEASE

[G.Sørtun]

On 13.09.2011 04:43, Elli Vizcaino wrote:


 I found this on a possible fix:


http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/

 - I added #main-nav li.about:hover { position: static;} Can someone
 please confirm that this works in IE7 and the sub menu NO longer
 hangs or freezes. http://e7flux.com/dfd/index.html



Works fine in IE7 at my end.

regards
Georg
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :: media queries ::

[G.Sørtun]

On 13.09.2011 03:52, David Laakso wrote:




Your comments and suggestion /on this revision/ are welcome and 
appreciated.


Thanks,
Milagros Sanchez


Looks and behaves reasonably well over a window-width range from 120 to 
2400 and with 'minimum font size' ranging from 9 to 32 - larger font 
sizes are of course only good on not too small windows. Present 
design-revision should definitely cover some ground and devices.


Surprisingly (given the general state of the web), some of the content 
even makes sense... :-)


Georg
Weeki Wachee, FL
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE 7 DROP DOWN MENU HANG CHECK PLEASE

[Elli Vizcaino]

> Hello, 

> 
> 
> I previously posted about getting an IE7 browser check for this drop down 
> menu 
> (hover on the word About and I got reports that the menu hangs and doesn't 
> disappear once the pointer is moved away from it. I asked for suggestion on 
> how 
> to fix but there were no replies. There were issues with the alignment of the 
> list items in IE7 but have since been corrected. What I want to know now, is 
> if 
> in correcting those issues it somehow has corrected the "hang" 
> behaviro a couple of people had previously reported. Or if this hang problem 
> still exists and if so, how can I go about correcting the problem. 
> 
> I want to THANK everyone who pitched in previously to check and offered their 
> help/suffestions but I still need more help on this. I would greatly 
> appreciate 
> another check in IE7 so my mind can rest at ease that all issues with the 
> drop 
> down menu have been resolved or at least know if there is more work to be 
> done. 
> 
> http://e7flux.com/dfd/index.html 
> 
> 
> 
> TIA!
> Elli Vizcaino


I found this on a possible fix: 
http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/
 - I added #main-nav li.about:hover { position: static;} Can someone please 
confirm that this works in IE7 and the sub menu NO longer hangs or freezes. 
http://e7flux.com/dfd/index.html 

Much appreciated!

Elli Vizcaino
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE 7 DROP DOWN MENU HANG CHECK PLEASE

[Elli Vizcaino]

Hello, 


I previously posted about getting an IE7 browser check for this drop down menu 
(hover on the word About and I got reports that the menu hangs and doesn't 
disappear once the pointer is moved away from it. I asked for suggestion on how 
to fix but there were no replies. There were issues with the alignment of the 
list items in IE7 but have since been corrected. What I want to know now, is if 
in correcting those issues it somehow has corrected the "hang" behaviro a 
couple of people had previously reported. Or if this hang problem still exists 
and if so, how can I go about correcting the problem. 

I want to THANK everyone who pitched in previously to check and offered their 
help/suffestions but I still need more help on this. I would greatly appreciate 
another check in IE7 so my mind can rest at ease that all issues with the drop 
down menu have been resolved or at least know if there is more work to be done. 

http://e7flux.com/dfd/index.html 



TIA!

Elli Vizcaino
Web Designer & Developer
http://www.E7Flux.com
The Best Compliment We Can Receive Is A Referral!

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :: media queries ::

[David Laakso]

On 9/2/11 8:31 AM, David Laakso wrote:
Her header stuff is kinda jumpy on a drag from a full-window to a 
400px mobile-window.

Suggestions for correction?

markup

css [mq at bottom]



Best,
Milagros Sanchez
Creative Director




Thanks to Georg and Philippe for the sound suggestion to reduce the 
number of media queries. There is now only one media query [there were 
five].


Your comments and suggestion /on this revision/ are welcome and appreciated.

Thanks,
Milagros Sanchez
Bogata,  Columbia






__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Managing multiple profile for FF4 and FF5 and FFcomingfast

[Philippe Wittenbergh]

On Sep 12, 2011, at 10:55 PM, Alan Gresley wrote:

> There is a way to have multiple profiles of Firefox but when I did that to 
> keep FF4, I broke the task-bar icon for FF5. This has corrected itself by 
> allowing FF5 to auto update to FF6.

Running multiple instance of (different version) Firefox concurrently is not so 
difficult; it requires just a bit of command-line voodoo - with multiple 
profiles
http://kb.mozillazine.org/Profile_manager

(an when you do this the first time - uncheck the 'Don't ask at startup' 
checkbox. The profile manager will always run when you start firefox, allowing 
you to choose a profile. You only need to run the command line voodoo once.

I'm told there is also an extension that does the same thing - but I don't know 
more about it.
http://jagriffin.wordpress.com/2011/01/11/profilemanager-1-0_beta1/

>  I do know that using profiles is not as easy on Mac.
Wrong, it is trivial.

> In my opinion, there is no difference between the rendering of FF4, FF5 and 
> FF6.
Probably mostly not. A couple of new things here and there, some bug fixes 
also. But I completely lost track of what they do nowadays, or what landed 
where & when.

> Depending on how many machines you have, you can always download old versions 
> of FF (copy and paste the link into a browser or it loads in Windows Explorer 
> on Windows).
> 
> ftp://ftp.mozilla.org/pub/mozilla.org/firefox/releases/

Yeah, it is a ftp:// link. Depending on how your system is configured it might 
open in the Finder (OS X) or Windows Explorer. On my side, it opens in my FTP 
client. If you paste that link into the Safari / Chrome location bar, it will 
open in the Finder on OS X.

Philippe
--
Philippe Wittenbergh
http://l-c-n.com/






__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background-image needs to display when there is no content

[Norman Fournier]

Thank you Phillipe! that worked beautifully.

Norman

On 2011-09-12, at 6:00 PM, Philippe Wittenbergh wrote:

> 
> On Sep 13, 2011, at 5:50 AM, Norman Fournier wrote:
> 
>>> Here is the affected page with the background image broken:
>>> http://www.thehalcyoncore.com/thc-audios.html
>> 
>> Thanks for looking at that for me. What I would like is for the paint drips 
>> to display when there is no text or graphic content in the main div, not to 
>> remove them entirely. With a transparent.gif at 10px wide by 400px high the 
>> drips display but I don't want to use a transparent.gif at all.
> 
> Your image is attached to div#main. That div is empty and has a height of 
> 10px or so (padding-top: 10px) - you specify a height of 100% but that 
> doesn't work as percentage height on static elements only works if the parent 
> element has a know height.
> 
> If you specify a min-height for that div, your paint-drips will display 
> correctly.
> 
> #main { min-height: 500px; } /* adjust to taste or need*/
> 
> Philippe
> --
> Philippe Wittenbergh
> http://l-c-n.com/
> 
> 
> 
> 
> 
> 
> __
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

---
www: http://www.normanfournier.com
facebook: http://www.facebook.com/normanfournierdotcom
linkedin: http://www.linkedin.com/profile/view?id=18127460
youtube: http://www.youtube.com/user/normanfournier


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background-image needs to display when there is no content

[Philippe Wittenbergh]

On Sep 13, 2011, at 5:50 AM, Norman Fournier wrote:

>> Here is the affected page with the background image broken:
>> http://www.thehalcyoncore.com/thc-audios.html
> 
> Thanks for looking at that for me. What I would like is for the paint drips 
> to display when there is no text or graphic content in the main div, not to 
> remove them entirely. With a transparent.gif at 10px wide by 400px high the 
> drips display but I don't want to use a transparent.gif at all.

Your image is attached to div#main. That div is empty and has a height of 10px 
or so (padding-top: 10px) - you specify a height of 100% but that doesn't work 
as percentage height on static elements only works if the parent element has a 
know height.

If you specify a min-height for that div, your paint-drips will display 
correctly.

#main { min-height: 500px; } /* adjust to taste or need*/

Philippe
--
Philippe Wittenbergh
http://l-c-n.com/






__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background-image needs to display when there is no content

[Norman Fournier]

On 2011-09-12, at 1:59 PM, Chetan Crasta wrote:

> On Mon, Sep 12, 2011 at 9:53 PM, Norman Fournier  
> wrote:
> Hello,
> 
> I have a page that requires a background image to display when there is no 
> content in the div. I have cobbled a transparent gif into the div in order to 
> force the image to display. If the transparent gif is not there, the 
> background image is cropped at the top of the div. I want to lose the 
> transparent gif and achieve this using css. I tried to force the div to 
> display by adding !important; to the css but that didn't work.
> 
> Here is the effect I am looking for. The paint drips are the background image 
> that needs to display on subsequent pages for continuity:
> http://www.thehalcyoncore.com
> 
> After the animation loads subsequent pages should display the graphics 
> statically, without the animation running.
> 
> Here is the affected page with the background image broken:
> http://www.thehalcyoncore.com/thc-audios.html
> 
> 
> Don't know why you need a transparent gif. 
> However, if you want to remove the bit of paint drips that is seen in the 
> above page, remove the top padding on #main.
> 
> Regards,
> Chetan Crasta 


Hello,

Thanks for looking at that for me. What I would like is for the paint drips to 
display when there is no text or graphic content in the main div, not to remove 
them entirely. With a transparent.gif at 10px wide by 400px high the drips 
display but I don't want to use a transparent.gif at all.

Norman
---
www: http://www.normanfournier.com
facebook: http://www.facebook.com/normanfournierdotcom
linkedin: http://www.linkedin.com/profile/view?id=18127460
youtube: http://www.youtube.com/user/normanfournier


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] background-image needs to display when there is no content

[Chetan Crasta]

On Mon, Sep 12, 2011 at 9:53 PM, Norman Fournier
wrote:

> Hello,
>
> I have a page that requires a background image to display when there is no
> content in the div. I have cobbled a transparent gif into the div in order
> to force the image to display. If the transparent gif is not there, the
> background image is cropped at the top of the div. I want to lose the
> transparent gif and achieve this using css. I tried to force the div to
> display by adding !important; to the css but that didn't work.
>
> Here is the effect I am looking for. The paint drips are the background
> image that needs to display on subsequent pages for continuity:
> http://www.thehalcyoncore.com
>
> After the animation loads subsequent pages should display the graphics
> statically, without the animation running.
>
> Here is the affected page with the background image broken:
> http://www.thehalcyoncore.com/thc-audios.html
>
>
Don't know why you need a transparent gif.
However, if you want to remove the bit of paint drips that is seen in the
above page, remove the top padding on #main.

Regards,
Chetan Crasta
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie 6/7/8

[David Laakso]

On 9/12/11 2:06 PM, "G.Sørtun" wrote:

On 12.09.2011 19:28, David Laakso wrote:






 Smacks self! Now attempting delivering of a 2 col fixed width
 layout to IE/6. Confirmation appreciated.


Glad to confirm that an OK fixed width 2 column layout now appears in 
IE6 :-)


Georg



Good. Thanks! ~d
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Another Issue in IE7: Double Padding Bug?

[Elli Vizcaino]

Hello CSS Discuss, 


I noticed that in IE7, on this page: http://e7flux.com/dfd/page.html - the 
spacing between the bottom of the last list item and the top border of the 
footer is a lot wider than it is in all other browsers. What could be causing 
this? I had switched out my margin for some padding on the containing wrapper: 
#summary-sidebar-wrapper and the thing is on 2 other pages that are using the 
same wrapper it's not a problem in IE 7 and the spacing is consistent with all 
other browsers and as intended: http://e7flux.com/dfd/blog.html and 
http://e7flux.com/dfd/blogfull.html

Screen shot of issue: http://e7flux.com/dfd/dfd-ie7.png - the spacing here is 
88px while in other browsers it's about 65px. I would like the spacing 
tightened in IE7 to about 65px as well. 



TIA,
Elli Vizcaino
Web Designer & Developer
http://www.E7Flux.com
The Best Compliment We Can Receive Is A Referral!
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie 6/7/8

[G.Sørtun]

On 12.09.2011 19:28, David Laakso wrote:


>> 



 Smacks self! Now attempting delivering of a 2 col fixed width
 layout to IE/6. Confirmation appreciated.


Glad to confirm that an OK fixed width 2 column layout now appears in 
IE6 :-)


Georg

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[Elli Vizcaino]

> Elli Vizcaino wrote:

> 
>>    No one is giving me any insights into this sub menu "hanging"  
> issue I got feedback on. Or has it magically corrected itself after I made 
> the 
> other adjustments. Another look would be greatly appreciated :)
> 
> No comments on this, since I can't see it, but there is one inconsistency
> that might be usefully addressed before you go live : you have
> both "Kenzi's kids" and "Kenzi's Kidz" -- presumably 
> at most one
> of these can be intended.
> 
> Philip Taylor
>
Thanks for pointing it out and I'm already aware of it. I believe that it's as 
it is intended. These are templates for a blog and how the designer designed 
them. I am coding them exactly as she rendered it in Photoshop. I'm sure when 
the real content goes in these minor things will be corrected. And I will make 
sure to point out all the inconsistencies that I had noticed in her PSD. 

:))

Elli 

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[Philip TAYLOR (Webmaster, Ret'd)]

Elli Vizcaino wrote:

>   No one is giving me any insights into this sub menu "hanging"  issue I got 
> feedback on. Or has it magically corrected itself after I made the other 
> adjustments. Another look would be greatly appreciated :)

No comments on this, since I can't see it, but there is one inconsistency
that might be usefully addressed before you go live : you have
both "Kenzi's kids" and "Kenzi's Kidz" -- presumably at most one
of these can be intended.

Philip Taylor

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[Elli Vizcaino]

- Original Message -
> From: ""G.Sørtun"" 
> To: css-d@lists.css-discuss.org
> Cc: 
> Sent: Monday, September 12, 2011 12:16 PM
> Subject: Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7
> 
> On 12.09.2011 18:10, "G.Sørtun" wrote:
>>  No, it does not fix the issue - last list-item is not visible in my 
> browsers.
> 
> Correction: last list-item overflows the dropdown background, making it 
> practically invisible on top of the picture below.  If you want to solve that 
> you have to let the dropdown's background "stretch" with its 
> container.
> 
> regards
>         Georg


I will have to just tighten the space in between the links. This isn't my 
design - I am just the coding partner on this one. That is why I 
originally set the height to the height of the bkg image. If she had not place 
the inner shadow, it would have been easy to tile the bkg image 
on repeat-y. 

 No one is giving me any insights into this sub menu "hanging"  issue I got 
feedback on. Or has it magically corrected itself after I made the other 
adjustments. Another look would be greatly appreciated :)

Thanks!
Elli 

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie 6/7/8

[David Laakso]

On 9/12/11 11:48 AM, "G.Sørtun" wrote:

On 12.09.2011 17:17, David Laakso wrote:




IE6 drops left column, turning the layout into a centered single-column.



Smacks self! Now attempting delivering of a 2 col fixed width layout to 
IE/6. Confirmation appreciated.




IE7/8 are doing fine.

Georg




Thanks,
~d
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[Philip TAYLOR (Webmaster, Ret'd)]

Elli Vizcaino wrote:
>
> Seamonkey? Umm that doesn't sound like a very popular browser. What 
> machine/OS do you have? 

Pentium 4-based PC running Windows/XP Professional; SP3.

Philip Taylor
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[Chetan Crasta]

>
>  And do I have to download the different versions of IE to the virtualbox
> software once I installed it. Or doe it come pre-installed with the
> software?
>

IE is preinstalled in the images, see:
http://www.microsoft.com/download/en/details.aspx?id=11575
To install in non-windows OS this info will help (read the comments also):
http://danielmcormond.com/2011/02/21/how-to-use-microsoft-ie-vpc-images-with-virtualbox-on-mac-os-x/

Regards,
Chetan Crasta
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] background-image needs to display when there is no content

[Norman Fournier]

Hello,

I have a page that requires a background image to display when there is no 
content in the div. I have cobbled a transparent gif into the div in order to 
force the image to display. If the transparent gif is not there, the background 
image is cropped at the top of the div. I want to lose the transparent gif and 
achieve this using css. I tried to force the div to display by adding 
!important; to the css but that didn't work.

Here is the effect I am looking for. The paint drips are the background image 
that needs to display on subsequent pages for continuity:
http://www.thehalcyoncore.com

After the animation loads subsequent pages should display the graphics 
statically, without the animation running.

Here is the affected page with the background image broken:
http://www.thehalcyoncore.com/thc-audios.html

Thanks for your help.

Norman
---
www: http://www.normanfournier.com
facebook: http://www.facebook.com/normanfournierdotcom
linkedin: http://www.linkedin.com/profile/view?id=18127460
youtube: http://www.youtube.com/user/normanfournier


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[G.Sørtun]

On 12.09.2011 18:10, "G.Sørtun" wrote:
No, it does not fix the issue - last list-item is not visible in my 
browsers.


Correction: last list-item overflows the dropdown background, making it 
practically invisible on top of the picture below.  If you want to solve 
that you have to let the dropdown's background "stretch" with its container.


regards
Georg

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[G.Sørtun]

On 12.09.2011 15:46, Elli Vizcaino wrote:


 Do you think the reason it hangs is because I didn't set a width on
 the ul of the submenu? How can I resolved this?


Not sure ... been a long time since I bothered about IE7. Others will 
chime in.



 I set the current height to min-height: 136px and added height: auto
 - can you tell me if this resolves the minimal font resizing issue
 you had?


No, it does not fix the issue - last list-item is not visible in my 
browsers.



 Seamonkey? Umm that doesn't sound like a very popular browser.


Seamonkey is the Mozilla-suite for those (of us) who don't think Firefox 
has enough built-in functionality. Seamonkey comes on all OS'es, with 
upgrades a little after those for Firefox since they (as browsers) are 
built on the same base-code. So, Seamonkey's "popularity" should not be 
an issue...


Firefox and Seamonkey show the same flaw in your dropdown - last 
list-item is not visible, with 'minimum font size set' at 14px.


regards
Georg




__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[Elli Vizcaino]

  In IE7 the dropdown hangs (stays open) if mouse-pointer is moved

  anyway
>> 
  but straight upwards, and as the image...
   ...shows the
  list-items in the dropdown don't line up properly in IE7.
>>> 
  regards Georg
>>> 
>>> 
>>>  IE7 needs a kick along as the current CSS stands to align the menu
>>>  items correctly.
>>> 
>>> 
>>>  *:first-child+html #main-nav li ul#sub-nav li { float: none; }
>>> 
>>>  *:first-child+html #main-nav LI UL#sub-nav A { display:
>>>  inline-block; }
>> 
>>  Alan, this sounds like alot of extra code and is this a hack?
> 
> 
> It sure is. The reason that you see this,
> 
> 
> kenzi's kids Board
>               of
>               directors
> 
> 
> in the screenshot by Gorge for IE7 is because the list items are floating.
> 
> 
>>  Shouldn't #main-nav li ul#sub-nav li {float: none;} suffice? I added
>>  float none to the rule.
> 
> Not if you wanted it to appear the same as it was before. This has 
> changed the appearance in all browsers. Now the dotted underline spans 
> the full width of the list items when you hover. That why I added 
> inline-block for IE7 on the links 'a' since the causes the dotted 
> underline only to appear only under the anchor links. inline-block 
> causes the anchor links to shrink wrap the text.
> 
> 
>>  Can you be so kind and check it to see if
>>  that does it. I just don't believe in adding extra code if not really
>>  necessary.
>> 
>> 
>>  Thanks! Elli Vizcaino
> 
> 
> This is how it appears in IE7 and all other browsers.
> 
> http://css-class.com/x/ie7-elli.png
> 
> 
Thanks Alan, I have now added display: inline to my  #main-nav li ul#sub-nav li 
a declaration. Now someone else on the list suggested display: inline would 
that have worked just as well?

Also was your "It sure is" reply an answer to both questions I had about a lot 
of code and hack?

Now what about this hang issue I got feedback about as well. Apparently the sub 
menu stays open and doesn't close when one moves the pointer away. Could this 
be solved by specifying a width on the sub menu's UL?

Elli 

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] ie 6/7/8

[G.Sørtun]

On 12.09.2011 17:17, David Laakso wrote:




IE6 drops left column, turning the layout into a centered single-column.
IE7/8 are doing fine.

Georg


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FF4 and FF5 was (Sticky Footer Cuts Off In FF 4 & 5 Both Mac & Windows)

[Elli Vizcaino]

 

> On 12/09/11 14:19, Elli Vizcaino wrote:
>> 
>>  No, what I mean is FF 4&  5 were the 2 offered for testing on both 
> Windows and Mac via Adobe Browser Labs. I'm still on version 3.6 on my own 
> machine because the upgrade to FF4 was incompatible with Firebug and I 
> didn't want to compromise my development process. Firebug is like a 
> lifeline! lol. Not sure how versions 5&  6 are with Firebug. Know anything?
>> 
>>  Elli
>> 
> 
> I have Firebug 1.8.2 on Firefox 6.0.2 on Linux and it seems to be fine.
> 
> Lesley

Ah Linux - I'm on windows though. 

Elli Vizcaino
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FF4 and FF5 was (Sticky Footer Cuts Off In FF 4 & 5 Both Mac & Windows)

[Lesley Lutomski]

On 12/09/11 14:19, Elli Vizcaino wrote:


No, what I mean is FF 4&  5 were the 2 offered for testing on both Windows and Mac 
via Adobe Browser Labs. I'm still on version 3.6 on my own machine because the upgrade 
to FF4 was incompatible with Firebug and I didn't want to compromise my development 
process. Firebug is like a lifeline! lol. Not sure how versions 5&  6 are with 
Firebug. Know anything?

Elli



I have Firebug 1.8.2 on Firefox 6.0.2 on Linux and it seems to be fine.

Lesley

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] ie 6/7/8

[David Laakso]

The last time I looked at this [1] in ie 6/7/8 [Parallels on os x] it 
was doing alright. However, I have since then made significant width 
changes and am unable to check it now in any ver IE because of an 
unresolved issue in Parallels on this end.


A quick check appreciated...

[1]
markup

css


Best,
~d
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[Alan Gresley]

On 12/09/2011 11:25 PM, Elli Vizcaino wrote:

In IE7 the dropdown hangs (stays open) if mouse-pointer is moved
anyway



but straight upwards, and as the image...
 ...shows the
list-items in the dropdown don't line up properly in IE7.



regards Georg



IE7 needs a kick along as the current CSS stands to align the menu
items correctly.


*:first-child+html #main-nav li ul#sub-nav li { float: none; }

*:first-child+html #main-nav LI UL#sub-nav A { display:
inline-block; }


Alan, this sounds like alot of extra code and is this a hack?



It sure is. The reason that you see this,


kenzi's kids Board
 of
 directors


in the screenshot by Gorge for IE7 is because the list items are floating.



Shouldn't #main-nav li ul#sub-nav li {float: none;} suffice? I added
float none to the rule.


Not if you wanted it to appear the same as it was before. This has 
changed the appearance in all browsers. Now the dotted underline spans 
the full width of the list items when you hover. That why I added 
inline-block for IE7 on the links 'a' since the causes the dotted 
underline only to appear only under the anchor links. inline-block 
causes the anchor links to shrink wrap the text.




Can you be so kind and check it to see if
that does it. I just don't believe in adding extra code if not really
necessary.


Thanks! Elli Vizcaino



This is how it appears in IE7 and all other browsers.

http://css-class.com/x/ie7-elli.png




--
Alan Gresley
http://css-3d.org/
http://css-class.com/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FF4 and FF5 and FFcomingfast

[Alan Gresley]

On 12/09/2011 11:19 PM, Elli Vizcaino wrote:




I don't think I one either but this talk of FF3, FF4 and FF5 has
got me confused.

On Windows 7, FF4 was replaced within a week by FF5 and FF5 lasted
about 2 months. I now have FF6.0.2 on my machine. There is no
mention of which build of Gecko this is. Are you saying that there
is only version 4 and 5 of FF on Mac?



No, what I mean is FF 4&  5 were the 2 offered for testing on both
Windows and Mac via Adobe Browser Labs.


I don't understand why. FF4 only got to FF4.01 for general users.


I'm still on version 3.6 on
my own machine because the upgrade to FF4 was incompatible with
Firebug and I didn't want to compromise my development process.
Firebug is like a lifeline! lol. Not sure how versions 5&  6 are with
Firebug. Know anything?

Elli



There is a way to have multiple profiles of Firefox but when I did that 
to keep FF4, I broke the task-bar icon for FF5. This has corrected 
itself by allowing FF5 to auto update to FF6. I do know that using 
profiles is not as easy on Mac.


In my opinion, there is no difference between the rendering of FF4, FF5 
and FF6.


Depending on how many machines you have, you can always download old 
versions of FF (copy and paste the link into a browser or it loads in 
Windows Explorer on Windows).


ftp://ftp.mozilla.org/pub/mozilla.org/firefox/releases/


I have never used Firebug (I use the web developers toolbar) but some 
versions have support for FF6.


http://getfirebug.com/

Please don't ask me why it has Firefox 9 (nightly).



--
Alan Gresley
http://css-3d.org/
http://css-class.com/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[Elli Vizcaino]

> Elli Vizcaino wrote:

>>  Hello, 
>> 
>> 
>>  I am unable to test functional behavior cross browser because I have to 
> rely on browser shot services to do my testing. I would greatly appreciate 
> it, 
> if a number of you would take a look at this site http://e7flux.com/dfd/ and 
> hover on the word "About" in the nav.  It has a drop down sub menu and 
> should look like this screen shot: http://e7flux.com/dfd/dfd-ss.png across 
> all 
> browsers. 
> 
> For me, no (in Seamonkey 2.3.3); I see no word "Sponsors"
> in the drop-down.  Otherwise very similar if not identical.
> 
> Philip Taylor


Seamonkey? Umm that doesn't sound like a very popular browser. What machine/OS 
do you have? 

 Elli Vizcaino
Web Designer & Developer
http://www.E7Flux.com
The Best Compliment We Can Receive Is A Referral!
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[Elli Vizcaino]

> On 12.09.2011 05:45, Elli Vizcaino wrote:

>>   I would greatly appreciate it, if a number of you would take a look
>>   at this site http://e7flux.com/dfd/ and hover on the word 
> "About" in
>>   the nav.
> 
> In IE7 the dropdown hangs (stays open) if mouse-pointer is moved anyway but 
> straight upwards, and as the image...
> 
> ...shows the list-items in the dropdown don't line up properly in IE7. All 
> other (newer) browsers get that right.
> 
> In most other browsers at my end the last list-item in the dropdown is 
> missing 
> because dropdown-container doesn't adjust in height when I apply a minimal 
> but necessary resizing of the smaller font-size.
> 
> regards
>         Georg

Do you think the reason it hangs is because I didn't set a width on the ul of 
the submenu? How can I resolved this?

I set the current height to min-height: 136px and added height: auto - can you 
tell me if this resolves the minimal font resizing issue you had?

Thanks,
Elli 

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[Elli Vizcaino]

I am unable to test functional behavior cross browser because I have to rely on 
browser shot services to do my testing. I would greatly appreciate it, if a 
number of you would take a look at this site http://e7flux.com/dfd/ and hover 
on the word "About" in the nav.  It has a drop down sub menu and should look 
like this screen shot: http://e7flux.com/dfd/dfd-ss.png across all browsers. I 
am especially interested in knowing if everything is fine in IE7.



In IE7-WinXP, once the drop down menu appears it stays visible even after 
moving the mouse outside.
Using VirtualBox (www.virtualbox.org) and Microsoft's IE VPC images, one can 
easily test IE compatibility in Windows, Linux or Mac OS.



Hmm no one else mentioned that. Any suggestions on how to fix that issue? And 
do I have to download the different versions of IE to the virtualbox software 
once I installed it. Or doe it come pre-installed with the software?

Elli Vizcaino
Web Designer & Developer
http://www.E7Flux.com
The Best Compliment We Can Receive Is A Referral!
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[HallMarc Sales]

> > In IE7 the dropdown hangs (stays open) if mouse-pointer is moved
> > anyway but straight upwards, and as the image...
> > 
> > ...shows the list-items in the dropdown don't line up properly in IE7.
> 
> > regards
> > Georg
> 
> 
I can't reproduce the drop down stickiness issue; however, add these to your
#main-nav LI UL#sub-nav LI { ... } declaration and you will correct the list
alignment issue:
white-space: nowrap;
clear: left;

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[Elli Vizcaino]

>>  In IE7 the dropdown hangs (stays open) if mouse-pointer is moved anyway

>>  but straight upwards, and as the image...
>>  
>>  ...shows the list-items in the dropdown don't line up properly in IE7.
> 
>>  regards
>>  Georg
> 
> 
> IE7 needs a kick along as the current CSS stands to align the menu items 
> correctly.
> 
> 
> *:first-child+html #main-nav li ul#sub-nav li {
>   float: none;
> }
> 
> *:first-child+html #main-nav LI UL#sub-nav A {
>   display: inline-block;
> }

Alan, this sounds like alot of extra code and is this a hack? Shouldn't 
#main-nav li ul#sub-nav li {float: none;} suffice? I added float none to the 
rule. Can you be so kind and check it to see if that does it. I just don't 
believe in adding extra code if not really necessary. 


Thanks!
Elli Vizcaino
Web Designer & Developer
http://www.E7Flux.com
The Best Compliment We Can Receive Is A Referral!

__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FF4 and FF5 was (Sticky Footer Cuts Off In FF 4 & 5 Both Mac & Windows)

[Elli Vizcaino]

> I don't think I one either but this talk of FF3, FF4 and FF5 has got me 
> confused.
> 
> On Windows 7, FF4 was replaced within a week by FF5 and FF5 lasted about 2 
> months. I now have FF6.0.2 on my machine. There is no mention of which build 
> of 
> Gecko this is. Are you saying that there is only version 4 and 5 of FF on Mac?
> 

No, what I mean is FF 4 & 5 were the 2 offered for testing on both Windows and 
Mac via Adobe Browser Labs. I'm still on version 3.6 on my own machine because 
the upgrade to FF4 was incompatible with Firebug and I didn't want to 
compromise my development process. Firebug is like a lifeline! lol. Not sure 
how versions 5 & 6 are with Firebug. Know anything?

Elli 
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] FF4 and FF5 was (Sticky Footer Cuts Off In FF 4 & 5 Both Mac & Windows)

[Alan Gresley]

On 12/09/2011 4:20 AM, Beth Lee wrote:


Yes, that helps and there was never any real problem other than
that in Mac OS X 10.4  FF/3.6.22.



Not true. The problem was showing up in Vista
FF/4.something-or-other, and I'm no deviant.



I don't think I one either but this talk of FF3, FF4 and FF5 has got me 
confused.


On Windows 7, FF4 was replaced within a week by FF5 and FF5 lasted about 
2 months. I now have FF6.0.2 on my machine. There is no mention of which 
build of Gecko this is. Are you saying that there is only version 4 and 
5 of FF on Mac?




--
Alan Gresley
http://css-3d.org/
http://css-class.com/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menu On Hover Testing Please - IE 7

[Alan Gresley]

On 12/09/2011 4:33 PM, "G.Sørtun" wrote:

On 12.09.2011 05:45, Elli Vizcaino wrote:

I would greatly appreciate it, if a number of you would take a look
at this site http://e7flux.com/dfd/ and hover on the word "About" in
the nav.


In IE7 the dropdown hangs (stays open) if mouse-pointer is moved anyway
but straight upwards, and as the image...

...shows the list-items in the dropdown don't line up properly in IE7.



regards
Georg



IE7 needs a kick along as the current CSS stands to align the menu items 
correctly.



*:first-child+html #main-nav li ul#sub-nav li {
  float: none;
}

*:first-child+html #main-nav LI UL#sub-nav A {
  display: inline-block;
}






--
Alan Gresley
http://css-3d.org/
http://css-class.com/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/