Skip to:
Content
Pages
Categories
Search
Top
Bottom

Textbox trouble in IE 7

  • Avatar of putnum01
    putnum01
    Participant

    @putnum01

    Can anybody tell me why my textbox looks like this only in ie7?

    <img src=”http://backatchaphoto.smugmug.com/Stamps/VolkswagenOnStamps/Volkswagen-Stamps/textbox/817886014_ozswb-M.jpg” />

Viewing 8 replies - 1 through 8 (of 8 total)
  • Avatar of putnum01
    putnum01
    Participant

    @putnum01

    oppss I thought I could embed the image heres the direct link to what it looks like

    http://backatchaphoto.smugmug.com/Stamps/VolkswagenOnStamps/Volkswagen-Stamps/textbox/817886014_ozswb-M.jpg

    Avatar of dre1080
    dre1080
    Member

    @dre1080

    i had the same problem..found answers by searching on google..

    try add this to ur default.css file :

    textarea {

    overflow: hidden;

    display:block;

    }

    worked for me

    leme know if it works

    Avatar of putnum01
    putnum01
    Participant

    @putnum01

    awesome that fixed it! Thanks so much!

    Avatar of dre1080
    dre1080
    Member

    @dre1080

    no problem, glad to help out ;)

    Avatar of putnum01
    putnum01
    Participant

    @putnum01

    Ok I thought this was fixed. Now when typing in the box and you go past what you can see it does not put the scroll bars in place and you cannot see what your typing. I am assuming because of the overflow:hidden

    Have you seen this with yours?

    adam

    Avatar of dre1080
    dre1080
    Member

    @dre1080

    yes it is because of the overflow:hidden, sorry i overlooked this as i am using a jquery plugin to autogrow the textarea as u type into it.. remove the overflow and style the:

    form#whats-new-form #whats-new-textarea {

    -moz-border-radius:3px 3px 3px 3px;

    background:none repeat scroll 0 0 #FFFFFF;

    border:1px inset #CCCCCC;

    margin-bottom:10px;

    padding:8px;

    }

    form#whats-new-form textarea {

    border:medium none;

    color:#555555;

    font-family:inherit;

    font-size:14px;

    height:60px;

    margin:0;

    padding:0;

    width:100%;

    }

    this is what testbp.org has

    or simply get firebug addon and use with firefox

    Avatar of putnum01
    putnum01
    Participant

    @putnum01

    ok thanks that seemed to have fix it now! I will let you know. :) Thanks so much.

    Avatar of dre1080
    dre1080
    Member

    @dre1080

    no problem :)

Viewing 8 replies - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.