Driving me nuts, form textboxes in 1024×768

Fine, this is cruising me nuts.

HTML:
 < div id=" myDiv" class=" singleContent" >
< div class=" roundTop" > < img src=".. /images/wrapper/tl. gif" class=" corner" alt=" " /> < /div>
< div class=" innerWrap" >
< h2> 123 Speedy Check< /h2>
< sort id=" myForm" method=" post" action=" " >
< fieldset>
< course id=" sprytextfield1" >
< label> 123 Variety *< /label>
< reviews type=" text" class=" txtBox" name=" 123Number" id=" 123Number" />
< course class=" textfieldRequiredMsg" > < /span> < /span>
< /fieldset>
< fieldset>
< course id=" sprytextfield2" >
< label> Previous Name *< /label>
< reviews type=" text" class=" txtBox" name=" lastName" id=" lastName" />
< course class=" textfieldRequiredMsg" > < /span> < /span>
< /fieldset>
< fieldset>
< reviews name=" submit" type=" submit" class=" btn" value=" Speedy Check" />
< /fieldset>
< /form>
< /div>
< div class=" roundBot" > < img src=".. /images/wrapper/bl. gif" class=" corner" alt=" " /> < /div>
< /div> 

and my personal css

fieldset border: 2px auto 0px; national boundaries: 0;
label
screen: block;
drift: left;
text-align: left;
width: 10em;
colouring: #494949;
text-indent: 2px;

#myForm. txtBoxwidth: 30%;
#myForm labelfont-size: 10px;

. singleContent
background-color: #FFF;
text-align: left;
margin-bottom: 5px;

#myDiv
margin-top: -5px;
drift: left;
width: 46%;
background-image: url(.. /images/logos/logo-123. gif); /*dimensions are 120×49*/
background-repeat: no-repeat;
background-position: 99% middle;

ive designed this generic, intended for confidientality reasons

My problem is We can get the textboxes to take a look good in some sort of 1280×800, when my partner and i switch to 1024×768, theyre way too big…. so when i reduce the PER-CENT width of hte textbox, after that theyre fine, but when i look at 1280×800 theres a great deal of whitespace….

im using jquery/javascript to apply a fix
if(screen. width> 1024)
$(" #myForm inputtype=text" ). css(" width", " 45%" );

but this is certainly extremely messy/bad

You can find 2 files included, the big dark-colored box shows the dimensions of the image
and you may notice the difference in spacing somewhere between the two
why am my partner and i getting such differences from the textboxes

hey do you think you’re still working about this. if so let me know. im realy great with CSS along with HTML.

This entry was posted in Web Design and tagged , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *