SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Threaded View

  1. #1
    SitePoint Guru mdumka's Avatar
    Join Date
    Jul 2003
    Location
    True North
    Posts
    642
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Textbox 100% Width Problem ...

    Hello,

    First off my problem is in Mozilla Based Browsers and not IE ...

    I have a container that has a textbox in it. I have a style for this textbox becuase I want it to be liquid for my forms and have multiple widths with out having to code each time.

    The problem is that the textbox overflows the container and I have no Idea what to do ...

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style>
    .textbox {
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	padding:.3em;
    	border:1px solid #CCCCCC;
    	color:#5A80B5;
    	font-size:1em;
    	width:100&#37;;
    }
    </style>
    </head>
    
    <body>
    <div style="width:50%; border:1px solid #FF0000; padding:5px;">
    <input class="textbox" />
    </div>
    </body>
    </html>
    Thanks for the help

    Mike
    Last edited by mdumka; Sep 18, 2007 at 12:52. Reason: Further Testing


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •