All users were logged out of Bugzilla on October 13th, 2018

Heavily distorted borders

VERIFIED INVALID

Status

()

VERIFIED INVALID
18 years ago
18 years ago

People

(Reporter: a.degreef, Assigned: pierre)

Tracking

Trunk
x86
Windows 2000
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

Attachments

(1 attachment)

(Reporter)

Description

18 years ago
I tried to apply shaded borders to a self-made cross-browser tabcontrol, and a 
10px border round the iframe. What I wanted was the look-and-feel as I used it 
in the above URL. Because of the horrible border layout in the example below, I 
had to settle with a single cell table above and below the iframe, and used 
margins.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 
Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Main</title>
</HEAD>
<body style="background-color: #000080">
<div style="border:15px solid white; width:100%; height: 90%">
<div style="border:15px solid red; height:100%; width: 100%">
<iframe name="abc" id="frx" src="Nieuws.html" frameborder="0" style="height: 
100%; width:100%;">abc</iFRAME>
</div>
</div>
</body>
</HTML>
I would say the problem comes from the way "width" is interpreted in CSS.  It
means the width inside the content area... so "width: 100%" means same width as
the containing block (with any margins/padding/border causing overflow to the
right).

Over to style system.
Assignee: asa → pierre
Component: Browser-General → Style System
QA Contact: doronr → ian
Created attachment 27871 [details]
Test case as described by reporter
Status: UNCONFIRMED → RESOLVED
Last Resolved: 18 years ago
Resolution: --- → INVALID
looks correct to me... use width:auto not width:100% to get what you want.
Marking INVALID, letting Boris do the verification...
Verified
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.