All users were logged out of Bugzilla on October 13th, 2018
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
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...
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.