Wymuszenie szerokosci

[Ewersus]

Witam, mam problem z pewna tabelka, chce zmienic szerokosc tabelki tak aby miala ona 500 px, teraz ma 650 w css ale kiedy tylko zmienie na mniejsza wartosc, tabelka ta nachodzi na prawa strone jeszcze bardziej tak jakby ta wartosc ktora zmieniam byla wartoscia odsuniecia w prawo o tyle wlasnie pixeli. Tutaj kod ktory mam w css:



#formcontainer {
display:block;
position:relative;
width:650px;
background:none;
margin:0 auto;
padding:0px;
font:bold 11px Tahoma, Verdana, "Lucida Sans";

}
#formcontainer h1 { color:#3cbaec; font-size:20px; font-weight:normal; }

/*the form*/
#contactForm {
display:block;
position:relative;
clear:both;
float:none;
width:600px;
/*margin-left:25px;*/

}
#fomrbg{
background:#FCFCFC url(images/border.gif) repeat-y left top;
}
/* the message beneath the select */
#contactForm div.error{
display:block;
position:relative;
width:100%;
clear:both;
float:none;
padding:5px;
background:none;
text-indent:0;
border:0;






<div id="formcontainer"> <h1>YJ Contact Us</h1> <p>Please select the Department and fill out the form below</p> <form method="post" action="index.php?be191ef8c8ade95bf5319113f863130b=9560926 a6eaa5cdfc5279c91265f6bd4" id="contactForm" target="send_my_form" enctype="multipart/form-data"> <table id="fomrbg"> <tr> <td><label for="category">*Department :</label></td> <td><select name="category" id="category"><option value="">Please enable JavaScript</option></select></td> </tr> <tr> <td><label for="name">*Your Name :</label></td> <td><input type="text" name="name" id="name" value="" /></td> </tr> <tr> <td><label for="email">*Your E-mail :</label></td> <td><input type="text" name="email" id="email" value="" /></td> </tr> <tr> <td><label for="subject">*Message subject :</label></td> <td><input type="text" name="subject" id="subject" value="" /></td> </tr> <tr> <td><label for="message">*Message :</label></td> <td><textarea name="message" id="message" rows="10" cols="5">Please select the Department first.</textarea></td> </tr> <tr id="upload_row"> <td><label for="archive">Upload archive:</label></td> <td class="hasTip" title="Upload archive:: Zip,Rar files only" ><input type="file" name="archive" id="archive" /></td> </tr> <tr id="captcha_row"> <td><label for="captcha">*Captcha result. Calculate please. Example : 3 + 5 , result would be 8 :</label></td> <td><input type="text" name="captcha" id="captcha" /><img src="http://unaco.be/web/components/com_yjcontactus/helpers/captcha.php?be191ef8c8ade95bf5319113f863130b=95609 26a6eaa5cdfc5279c91265f6bd4" alt="Elementary math. It's simple." id="captcha_image"/> <div id="captx"><a onclick="reload_captcha('http://unaco.be/web/','captcha_image','?be191ef8c8ade95bf5319113f86313 0b=9560926a6eaa5cdfc5279c91265f6bd4','captcha');">Reload captcha code</a><br />Elementary math. It's simple.</div></td> </tr> <tr> <td colspan="2"> <div class="left"><input type="submit" class="submit" id="submit_btn" value="Send Your message" onfocus="this.blur();" /></div> <div class="right"><div id="show_response"></div></div> </td> </tr> </table> <input type="hidden" name="option" value="com_yjcontactus" /> <input type="hidden" name="task" value="send" /> <input type="hidden" name="form_id" value="1" /> <input type="hidden" name="b232dd2d220934eb285f3c80826d6f66" value="1" /> </form> </div> <iframe name="send_my_form" frameborder="0" height="0" width="0" src="#"></iframe> <center><p>Powered by <a href='http://www.youjoomla.com' target='_blank'>YJ Contact Us</a></p></center> dzieki ;)

---

poradzilem sobie, wystarczylo zmienic wartosci pol do wpisania. :-)