Closed Bug 206281 Opened 22 years ago Closed 20 years ago

Incorrect div width and height if display is set to inline

Categories

(Core :: Layout: Block and Inline, defect)

x86
Windows 2000
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 50626

People

(Reporter: wolfblitz, Unassigned)

Details

User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4b) Gecko/20030507 Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4b) Gecko/20030507 If I set a division's display to be inline it ignores the width. Here's a piece of html that I typed up in the editor to show the problem. <html> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title></title> </head> <body> <br> <div style="border: thin solid rgb(0, 0, 0); display: inline; width: 150px; height: 80px; text-align: center;">150px wide div</div> <br> <br> <div style="border: thin solid rgb(0, 0, 0); width: 150px; height: 80px; text-align: center;">150px wide div</div> </body> </html> Reproducible: Always Steps to Reproduce: 1. Create a division in a html page. 2. Set the division's style to include "display: inline" 3. Set the width and height of the division to be wider and higher than the content, 200px Actual Results: It ignores the specified width and height of the division and makes the division the same size as it's content. Expected Results: Format the division's height and width according to those specified.
That what's supposed to happen. Height and width do not apply to non-replaced inline elements. References: http://www.w3.org/TR/CSS21/visudet.html#the-height-property http://www.w3.org/TR/CSS21/visudet.html#the-width-property
Status: UNCONFIRMED → RESOLVED
Closed: 22 years ago
Resolution: --- → INVALID
Status: RESOLVED → UNCONFIRMED
Resolution: INVALID → ---
*** This bug has been marked as a duplicate of 50626 ***
Status: UNCONFIRMED → RESOLVED
Closed: 22 years ago20 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.