Closed
Bug 70230
Opened 24 years ago
Closed 23 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•24 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•23 years ago
|
||
Updated•23 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 23 years ago
Resolution: --- → INVALID
Comment 3•23 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
•