Closed
Bug 70230
Opened 25 years ago
Closed 25 years ago
Heavily distorted borders
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
VERIFIED
INVALID
People
(Reporter: a.degreef, Assigned: pierre)
References
()
Details
Attachments
(1 file)
|
543 bytes,
text/html
|
Details |
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>
|
||
Comment 1•25 years ago
|
||
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
|
||
Comment 2•25 years ago
|
||
|
|
||
Updated•25 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 25 years ago
Resolution: --- → INVALID
|
|
||
Comment 3•25 years ago
|
||
looks correct to me... use width:auto not width:100% to get what you want.
Marking INVALID, letting Boris do the verification...
You need to log in
before you can comment on or make changes to this bug.
Description
•