Why on one but not another

mrjoe

Does anybody know why on my PC i can set up my site www.Photographybymrjoe.com. I can go to another PC and all my dropdowns and flyouts are off you can't even get in to the site because the buttons are way off. Is there a fix for this.

Allen

mrjoe wrote:

Does anybody know why on my PC i can set up my site www.Photographybymrjoe.com. I can go to another PC and all my dropdowns and flyouts are off you can't even get in to the site because the buttons are way off. Is there a fix for this.

It looks ok with Firefox but IE6 is messed up. Did you see my response here?
It fixes IE6.
http://www.dgrin.com/showpost.php?p=1061263&postcount=5

mrjoe

Yes i did Allen But you know i don't know if i changed it or not. So i will do that now and will let you know..Ok I did not change the code I got back late the other nite i quess i forgot but i did it now and went to another PC and it looked ok. THere is one thing i have been unable to fix that is my size of my dropdown (ie IDC,Dance America) I was able to fix the other sizes and write them down so i would know were to go next time. But that i can not figure out.. Thanks again for ALL your help Joe. Please check it out and let me know what you think.

Allen wrote:

It looks ok with Firefox but IE6 is messed up. Did you see my response here?
It fixes IE6.
http://www.dgrin.com/showpost.php?p=1061263&postcount=5

Allen

mrjoe wrote:

Yes i did Allen But you know i don't know if i changed it or not. So i will do that now and will let you know..Ok I did not change the code I got back late the other nite i quess i forgot but i did it now and went to another PC and it looked ok. THere is one thing i have been unable to fix that is my size of my dropdown (ie IDC,Dance America) I was able to fix the other sizes and write them down so i would know were to go next time. But that i can not figure out.. Thanks again for ALL your help Joe. Please check it out and let me know what you think.

IE6 working good now.

Can you describe what you mean by dropdown size? The height of each box?
The width of the boxes?

mrjoe

Allen wrote:

IE6 working good now.

Can you describe what you mean by dropdown size? The height of each box?
The width of the boxes?

Sorry The with is just a bit to much it just a few pix bigger the the dance box. Im tring to make them all look some what the same size. Thanks again

Allen

mrjoe wrote:

Sorry The with is just a bit to much it just a few pix bigger the the dance box. Im tring to make them all look some what the same size. Thanks again

How about trying to get all the drops and flyouts wider so none will wrap to
two lines? Then the height and width of each will be the same.

Allen

mrjoe wrote:

Sorry The with is just a bit to much it just a few pix bigger the the dance box. Im tring to make them all look some what the same size. Thanks again

Try this for Firefox. Changed lines have /**/ in front. If ok will work on IE6
and see if I can get them to look the same.

This makes the drop and flyouts wide enough to not wrap for Firefox.

/* positions the right IDC column flyout */
.doubleflyout {
    display:block;  z-index:99;
    position: absolute !important;
/**/    left: 302px !important;
}

.menu ul li:hover ul li a {
      display: block;
      background: #C0C0C0;    /* [color=red]D[/color]rop[color=red]D[/color]own [color=red]F[/color]ly[color=red]O[/color]out non-hover */
      color: #0000FF;         /* DD FO non-hover */
      height: auto;
      line-height: 27px;      /* DD FO box height */
      padding: 0px 0px;
/**/      width: 120px;           /* DD FO box width */
}

/* add this in just below one above in non-IE section */ 
/**/ .menu ul li:hover ul ul li a {
/**/      width: 180px;           /* FO box width */
/**/ }

.me.menu ul li:hover ul li:hover ul {
      display: block;
      position: absolute;
/**/      left: 121px;           /* [color=red]F[/color]ire[color=red]F[/color]ox FO right left  */
      top: -24px;            /* FF FO up down  */
      width: 100px;          /* FF FO box width */
}

mrjoe

Allen wrote:

How about trying to get all the drops and flyouts wider so none will wrap to
two lines? Then the height and width of each will be the same.

Will work on that. But will that effect the main navbar. Or would you not worry about the drops and the navbar being the same size. Thanks

mrjoe

Allen wrote:

Try this for Firefox. Changed lines have /**/ in front. If ok will work on IE6
and see if I can get them to look the same.

This makes the drop and flyouts wide enough to not wrap for Firefox.

/* positions the right IDC column flyout */
.doubleflyout {
    display:block;  z-index:99;
    position: absolute !important;
/**/    left: 302px !important;
}
 
.menu ul li:hover ul li a {
      display: block;
      background: #C0C0C0;    /* [COLOR=red]D[/COLOR]rop[COLOR=red]D[/COLOR]own [COLOR=red]F[/COLOR]ly[COLOR=red]O[/COLOR]out non-hover */
      color: #0000FF;         /* DD FO non-hover */
      height: auto;
      line-height: 27px;      /* DD FO box height */
      padding: 0px 0px;
/**/      width: 120px;           /* DD FO box width */
}
 
/* add this in just below one above in non-IE section */ 
/**/ .menu ul li:hover ul ul li a {
/**/      width: 180px;           /* FO box width */
/**/ }
 
.me.menu ul li:hover ul li:hover ul {
      display: block;
      position: absolute;
/**/      left: 121px;           /* [COLOR=red]F[/COLOR]ire[COLOR=red]F[/COLOR]ox FO right left  */
      top: -24px;            /* FF FO up down  */
      width: 100px;          /* FF FO box width */
}

I don't have FF I have IE.

Joe