Hi,
On Thu, Oct 22, 2009 at 7:16 AM, Michael Torfs <[email protected]> wrote:
>
> Hi,
>
> I'm encountering a problem that IE6 does not ignore a div when it is
> set to display:none
>
> This is the html code:
> html:
> <div class="span-24">
> <div class="span-12"> </div>
> <div id="switch-1" class="span-12 last"> </div>
> <div id="switch-2" class="span-12 last"> </div>
> </div>
>
> css:
> #switch-1 {display:none;}
>
> with jquery I alter the switch-1 and switch-2 div's with an interval.
> function SwitchPartials (){
> if (activePartial=="switch-1"){
> jQuery("#switch-1").fadeOut(200,function(){
> jQuery("#switch-2").fadeIn(200)});
> activePartial="switch-2"
> }
> else {
> jQuery("#switch-2").fadeOut(200,function(){
> jQuery("#switch-1").fadeIn(200)});
> activePartial="switch-1"
> }
> };
>
> it works perfect in all browsers, only in IE6, the switch-2 div is
> shown on a new line.
>
> Anybody has a solution? Am I doing something wrong?
Off the top of my head, I think you can solve this one by modifying
your declaration as follows:
#switch-1 {
display:none;
height:0;
overflow:hidden;
}
--
Christopher Torgalson
http://www.typo3apprentice.com/
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
