• From: localhost
  • Registered: 2005-08-26
  • Posts: 24

Topic: Problem with "width:100%" again. [help]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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> 
</head> 
<body> 
<style> 
body {margin: 0; padding: 0} 

.eps TABLE, .eps DIV, .eps FORM, .eps P, .eps H1, .eps H2, .eps H3, 
.eps H4, .eps PRE, .eps BLOCKQUOTE, .eps UL, .eps OL, .eps LI, .eps DL, 
.eps DT, .eps DD, .eps TH, .eps TD, .eps FIELDSET, .eps IMG { 
   margin: 0px; 
   padding: 0px; 
   font-weight: normal; 
   list-style: none 
} 
.eps INPUT, .eps SELECT, .eps TEXTAREA, .eps OPTGROUP {margin: 0} 

* HTML .eps, * HTML .eps_inmain, * HTML .inform {height: 1px} 

.eps, .eps TABLE, .eps INPUT, .eps SELECT, .eps TEXTAREA {font: 11px Verdana,Tahoma} 
.eps INPUT, .eps SELECT, .eps TEXTAREA, .eps OPTGROUP {margin: 0} 


#eps_wrap { 
   background: #ffffff; 
   color: #303030; 
   width: 100%; 
   margin: 10px; 
   padding: 10px 
} 
#eps_header, #eps_footer {clear: both; height: 1px} 
#eps_header {height: 100px} 
#eps_footer {padding: 20px} 

#eps_main { 
   margin: 0 0 10px 20px 
} 

#eps_header, #eps_left, #eps_right, .eps fieldset, .eps .inform { 
   margin-bottom: 10px 
} 
.eps .pagination, .eps .text, .eps .infieldset { 
   margin-bottom: 5px; 
} 

.eps .infieldset, .eps .inbox, .eps .box_header {padding: 5px} 

DIV.txtinput {WIDTH: 90%} 
DIV.txtinput TEXTAREA, INPUT.longinput {WIDTH: 100%} 

.inform p {margin: 0.5em} 
.inform p input {margin: 0 5px} 
.eps label {display: block; margin: 5px} 

#eps_wrap, #page_footer, #page_header, .eps .box, 
.eps fieldset, .eps input, .eps select, .eps textarea, .eps checkbox { 
   border: 1px solid #000000 
} 

</style> 
<div id="eps_wrap" class="eps"> 
   <div id="page_header">Header</div> 

   <div id="eps_main"> 
      <div id="eps_main_content" class="eps_inmain"> 
         <div class="title"><h2>Dang tin tuc</h2></div> 
        <div class="post"> 
           <form id="postnews" method="post" action="" onsubmit=""> 
              <div class="inform"> 
                 <fieldset> 
                     <legend>dddd</legend> 
                     <div class="infieldset txtinput"> 
                        <label><strong>daaaaaaaaaaaaaa</strong><br /><input class="longinput" type="text" name="req_title" value="fgh" size="50" maxlength="70" /><br /></label> 
                        <label><strong>Error</strong><br /> 
                           <textarea name="req_content" rows="20">Typing some words here</textarea> 
                        </label> 
                     </div> 
                  </fieldset> 
                  <fieldset> 
                     <legend>Error here</legend> 
                     <div class="infieldset txtinput"> 
                     <label><strong>Typing some words here</strong><br /><input type="text" name="imgurl" class="longinput" maxlength="200" value="" /><br /></label> 
                     </div> 
                  </fieldset> 
                  <p><input type="submit" name="submit" value="Submit"><a href="javascript:history.go(-1)">Go back</a></p> 
               </div> 
           </form> 
         </div> 
      </div> 
   </div> 

   <div id="page_footer">sdfgdfg</div> 

</div> 
</body> 
</html>

I write it like punbb but have problem when typing some words in textarea and .longinput:
+ Textarea expand
+ Div moving.

:Maxthon:FireFox:MirandaIM:ThunderBird:SmartFTP:FreePOPs:HTTrack:uTorrent:
:FlashGet:TCPOptimizer:SPECTralSMTPServer:UniExtract:PSPad:uStart:Everest:
:TotalCommander:ProcessExplorer:DriveMan:Regshot:Restoration:UPX:KolorGenerator:
:OpenOffice:AutoHotkey:IrfanView:Winamp:FSCapture:CDex:PNGOptimizer:spam:

Replika's Website