New issue
Advanced search Search tips
Note: Color blocks (like █ or █) mean that a user may not be available. Tooltip shows the reason.

Issue 613843 link

Starred by 2 users
Status: WontFix
Owner: ----
Closed: Jun 2016
Cc:
█ msrchandra@chromium.org
█ ashej...@chromium.org
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 2
Type: Compat



Sign in to add a comment

background-color of body takes all page available space while border shows a body less 'big'

Reported by vlio2...@gmail.com, May 22 2016 
UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/50.0.2661.102 Chrome/50.0.2661.102 Safari/537.36

Example URL:
http://imgur.com/nJiPOXH

Steps to reproduce the problem:
<html><head>
        <title>My User</title>

    </head>
    <body style="
    border: 1px solid red;
    background-color: blue;
">

        <h1>Usuarios</h1>
        <div class="user">

                <h3><span>ID:</span> <span> 1134023412</span> </h3>
                <h3><span>Name:</span> <span> John</span> </h3>
                <h3><span>Last Name:</span> <span> Doe</span> </h3>
                <h3><span>Middle Name</span> <span> Doe</span> </h3>
                <h3><span>Username:</span> <span> jonndie</span> </h3>
                <h3><span>Email</span> <span> jonndie@gmail.com</span> </h3>
                <h3><span>Active</span> <span> Yes</span> </h3>

        </div>

</body></html>

What is the expected behavior?
the background-color property should apply within the border

What went wrong?
the background-color property applied outside body boundaries.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? N/A 

Chrome version: 50.0.2661.102  Channel: stable
OS Version: 
Flash Version: 

http://imgur.com/nJiPOXH

Comment 1 by kalimput...@gmail.com, May 22 2016 

hey there , 
The problem is with inheritance !

nothing else!

here is the markup , you wanted..
it is attached..

Now actually the problem was with the style you applied..
f.html
813 bytes View Download

Comment 2 by kalimput...@gmail.com, May 22 2016 

:)
mk.html
812 bytes View Download

Comment 3 by msrchandra@chromium.org, May 23 2016

Cc: msrchandra@chromium.org
Labels: Needs-Feedback
Navigated to the both html files and observed the same behavior in all the browsers (Chrome, Firefox and IE).
@vlio2gem -- Could you please verify the html files and provide us the behavior which would help us triage the issue further.
Thanks in Advance.

Comment 4 by kalimput...@gmail.com, May 24 2016 

the html code that vilo2 has submitted has styling problems , and nothing to do with browser/chrome os.

http://imgur.com/nJiPOXH

this image also is same at ubuntu 16.04.

so I edited the html markup and posted it . and now the styling problem is solved.
this was not a bug , rather a styling mistake . :).
hope you get it .

Comment 5 by ashej...@chromium.org, Jun 23 2016

Cc: ashej...@chromium.org
Labels: -Needs-Feedback
Status: WontFix (was: Unconfirmed)
Thanks for the update based on the same in comment#4, closing the above issue.

However, feel free to open a new bug, if you come across with this issue again with newer version of chrome.

Thank you!
►

Sign in to add a comment