Box model doesn't work properly

RESOLVED INVALID

Status

()

Core
Layout
RESOLVED INVALID
12 years ago
12 years ago

People

(Reporter: Roshan, Unassigned)

Tracking

Trunk
x86
Windows Server 2003
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(2 attachments)

(Reporter)

Description

12 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.2 x64; en-US; rv:1.9a1) Gecko/20060214 Firefox/1.6a1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.2 x64; en-US; rv:1.9a1) Gecko/20060214 Firefox/1.6a1

I am trying to center some content on the screen.
Firefox doesn't seem to respect the padding-top, border or left-align properties of the inner div.
I tried with the latest firefox on a 32 bit xp as well.

Here is a sample html code


<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Login</title>
	<style>
		.loginScreen
		{
		    border: 1px solid red;
		    position: relative;
		    margin-top: 20%;
		    margin-left: 30%;
		    height: 200pt;
		    width: 40%;
		};
		
		.loginContent
		{
		    padding-top: 80pt;
		    border: 1px solid blue;
		    text-align: center;
		};
		
		BODY
		{
		    border: 0pt;
		    margin: 0pt;
		    padding: 0pt;
		};
		

	</style>
    </head>
    <body>

    <div class="loginScreen">
        <div class="loginContent">
            <button name="login">Log me in</button>
        </div>
    </div>
    
    
    </body>
</html>



Reproducible: Always

Steps to Reproduce:
Open the code in firefox. You will notice the button is stuck to the top left and the blue border is not at all present.





Expected Results:  
The button should look like it is centered within the outer box.
(Reporter)

Comment 1

12 years ago
Created attachment 220152 [details]
A screenshot of the expected behaviour

Seems to work correctly in IE
Component: General → Layout
Product: Firefox → Core
QA Contact: general → layout
Version: unspecified → Trunk
your CSS is invalid. remove the semicolons after the }.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 12 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.