I have a form laid out in css, the left columns contain the headers for the fields, 
and the 
background should be grey, however it does not extend all the way to the bottom of the 
form 
when I have a multiple select which size is greater than the text on the left.
I cannot come up with anything that would solve this issue, anyone any ideas?

I can't provide any links as that would make HP an unhappy customer.
I can provide the HTML and css.

CSS: http://tellhp1.wwwa.com/admin/wa_be/content/style/form.css (I hope it does not 
prompt 
for username)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd";> 
<html>
<head>
<title>HP Support Suite 3.0</title>
<body>

<form id="frmRule">
        <fieldset id="rule" dir="ltr" lang="en">
                <legend accesskey="a">Add Rule</legend>

                <div><label for="ruleName">Name: </label><span><input name="ruleName" 
                        type="text" 
                        class="required" 
                        id="ruleName" 
                        tabindex="1" 
                        title="Please enter the name for this rule" 
                        value="" 
                        size="20" 
                        maxlength="40"></span></div>

                <div><label for="ruleDescription">Description:</label><span><input 
name="ruleDescription" 
                        type="text" 
                        class="required" 
                        id="ruleDescription" 
                        tabindex="2" 
                        title="Please enter the description for this rule" 
                        value="" 
                        size="20" 
                        maxlength="40"></span></div>

                
                <div><label for="country">Country:</label><span>
                        <select name="country" 
                                size="4" 
                                multiple 
                                id="country" 
                                tabindex="3" 
                                title="Please select one or more countries">
                                        <option value="58">Afghanistan</option>
                        </select>
                </span></div>

        </fieldset>
        <fieldset id="button" dir="ltr" lang="en" title="Submit buttons">
                <input name="btnReset" 
                        type="reset" 
                        id="btnReset" 
                        title="Click here to reset this form" 
                        value="Reset" 
                        class="submit">
                <input name="btnSubmit" 
                        type="submit" 
                        id="btnSubmit" 
                        title="Click here to submit this form" 
                        value="Submit" 
                        class="submit">
        </fieldset>
        </form>

</body>
</html>


-- 
Taco Fleur
Senior Web Systems Engineer
http://www.webassociates.com

******************************************************
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to