Closed
Bug 410464
Opened 17 years ago
Closed 15 years ago
Legends and Nested Legends will not have a width applied
Categories
(Firefox :: General, defect)
Tracking
()
RESOLVED
INCOMPLETE
People
(Reporter: sarah.clive, Unassigned)
References
()
Details
User-Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.1.8) Gecko/20071008 Firefox/2.0.0.11
When testing a nested fieldset in Firefox, it will now allow me to set a width for the legend and if the text exceeds the width of the fieldset, it simply overflows the element rather than wrapping onto another line.
The error continues if you change the Legend to display:block and apply a width then also. Internet Explorer 7 shows the same error, although Opera and Safari for PC (Beta) show the correct behaviour by making the legend wrap one it reaches the width for Legend.
Reproducible: Always
Steps to Reproduce:
1. Create a HTML page using the HTML provided in additional information
2. Open Firefox
3. View Page
Actual Results:
The text in the legend exceeds the width of the fieldset and simply overflows the element rather than wrapping onto another line to keep the legend width.
Expected Results:
The legend should wrap so that it keeps the set width of the legend.
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#content{width:400px;}
#content ul{width: 100%;color: #000000;height: auto;text-align: left;text-decoration: none;list-style-type: none;}
#content li{list-style:none;font: 10pt tahoma, sans-serif;padding-top:5px;padding-bottom:5px;}
#content label{font: normal small tahoma, sans-serif;color:#e6308f;width: 10em;float: left;text-align: left;margin-right: 4em;display: block;}
#content input{color: #e6308f;font-size: 90%;width:230px;}
#content textarea{width:230px;font: 80% verdana, sans-serif;color: #e6308f;}
#content checkbox{border: 1px, #e6308f;}
#content input.submit {width: 100px;}
</style>
</head>
<body>
<div id="content">
<!--START OUTER FIELDSET-->
<fieldset>
<legend>Advanced Settings</legend>
<!--START INNER FIELDSET-->
<fieldset>
<legend>Limit the number of submission a user may send within a specified time period.</legend>
<ul>
<li>
<label for="txtName">Name</label>
<input name="txtName" type="text" id="txtName" />
</li>
<li>
<label for="txtOrganisation">Organisation</label>
<input name="txtOrganisation" type="text" id="txtOrganisation" />
</li>
<li>
<label for="txtTelephone">Telephone</label>
<input name="txtTelephone" type="text" maxlength="20" id="txtTelephone" />
</li>
<li>
<label for="txtEmail">Email</label>
<input name="txtEmail" type="text" maxlength="255" id="txtEmail" />
</li>
<li>
<label for="txtEnquiry">Enquiry</label>
<textarea name="txtEnquiry" rows="6" cols="20" id="txtEnquiry" cols="10"></textarea>
</li>
<li>
<input type="submit" name="btnSubmit" value="Send" id="btnSubmit" class="submit" />
</li>
</ul>
</fieldset>
<!--END INNER FIELDSET-->
<ul>
<li>
<label for="txtName">Name</label>
<input name="txtName" type="text" id="Text1" />
</li>
<li>
<label for="txtOrganisation">Organisation</label>
<input name="txtOrganisation" type="text" id="Text2" />
</li>
<li>
<label for="txtTelephone">Telephone</label>
<input name="txtTelephone" type="text" maxlength="20" id="Text3" />
</li>
<li>
<label for="txtEmail">Email</label>
<input name="txtEmail" type="text" maxlength="255" id="Text4" />
</li>
<li>
<label for="txtEnquiry">Enquiry</label>
<textarea name="txtEnquiry" rows="6" cols="20" id="Textarea1" cols="10"></textarea>
</li>
<li>
<input type="submit" name="btnSubmit" value="Send" id="Submit1" class="submit" />
</li>
</ul>
</fieldset>
<!--END OUTER FIELDSET-->
</div>
</body>
</html>
|
||
Comment 1•15 years ago
|
||
This bug was reported on Firefox 2.x or older, which is no longer supported and will not be receiving any more updates. I strongly suggest that you update to Firefox 3.6.3 or later, update your plugins (flash, adobe, etc.), and retest in a new profile. If you still see the issue with the updated Firefox, please post here. Otherwise, please close as RESOLVED > WORKSFORME
http://www.mozilla.com
http://support.mozilla.com/kb/Managing+profiles
http://support.mozilla.com/kb/Safe+mode
|
|
||
Comment 2•15 years ago
|
||
No reply, INCOMPLETE. Please retest with Firefox 3.6.x or later and a new profile (http://support.mozilla.com/kb/Managing+profiles). If you continue to see this issue with the newest firefox and a new profile, then please comment on this bug.
Status: UNCONFIRMED → RESOLVED
Closed: 15 years ago
Resolution: --- → INCOMPLETE
You need to log in
before you can comment on or make changes to this bug.
Description
•