11
JMorris
Re: Quote & text box with scroll bars in posting
  • 2006/8/4 0:31

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Quote:

irmtfan wrote:
JMorris, im not a newbie and some kind of namphy bamphy user, thanks to God.


I know. I never intended to imply that you were.

Quote:

irmtfan wrote:
i said xoopsCode and xoopsQuote works fine in FF.
but only xoopsCode works in IE and xoopsQuote doesnt.

this is the code:


/* for code and quote */
div.xoopsQuote {
    
width800px;
    
max-height250px;
    
margin0.5em;
    
overflowauto;
    
padding1px;
    
}

div.xoopsCode {
    
width800px;
    
max-height250px;
    
margin0.5em;
    
overflowauto;
    
padding1px;
    
}


Well, considering that you're using the same CSS to define two classes... If it works with one class, but not the other, I would suspect its not the CSS that's causing the problem, but the HTML. Alternately, instead of defining the classes seperately, I would suggest combining the definitions to ensure that typos don't occur.

Example:
div.xoopsCodediv.xoopsQuote {
    
background#FAFAFA;
    
border1px solid #6C87B0;
    
color#385a72;
    
width400px;
    
max-height250px;
    
marginauto;
    
overflowauto;
    
padding5px;
    
font11px FixedSys"Courier New"Couriermonospace;
}


The above is what I use on MWR and in the following example...

http://mywebresource.com/modules/smartsection/item.php?itemid=254

...and in IE 6.0 SP1, FF 1.5, and Opera 8.5 it works perfectly. If it doesn't work for you, make sure you delete all temporary Internet files from your computer, restart your browser and refresh the page a few times because it should work.

Best Regards,

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

12
irmtfan
Re: Quote & text box with scroll bars in posting
  • 2006/8/4 9:52

  • irmtfan

  • Module Developer

  • Posts: 3419

  • Since: 2003/12/7


finally i found that it must be change like this to work in IE:

div.xoopsQuote {
width: 800px;
height: 250px;
margin: 0.5em;
overflow: auto;
padding: 1px;

}

13
irmtfan
Re: Quote & text box with scroll bars in posting
  • 2006/8/10 11:46

  • irmtfan

  • Module Developer

  • Posts: 3419

  • Since: 2003/12/7


JMorris:
after more try now i found that it must be define for IE and FF in separate css files like this:

in style.css for IE:
div.xoopsCode,div.xoopsQuote  {
    
width400px;
    
height200px;
    
margin0.5em;
    
overflowauto;
    
padding1px;
}


then in styleNN.css for FF:

@import url(style.css); 
/* Very short Gecko-specific additions/changes here (if 
any) */ 
div.xoopsCode,div.xoopsQuote  {
    
width95%;
    
height95%;
    
max-height250px;
}


it works great with both FF and IE

Login

Who's Online

156 user(s) are online (108 user(s) are browsing Support Forums)


Members: 0


Guests: 156


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits