Closed
Bug 447591
Opened 17 years ago
Closed 17 years ago
CSS Problem (Different between Firefox 2.0 and Firefox 3.0)
Categories
(Core :: Layout, defect)
Tracking
()
RESOLVED
INVALID
People
(Reporter: m_graupner, Unassigned)
Details
Attachments
(6 files)
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
In Steps to Reproduce you will find the problem.
Look the html source in Firefox 2.xx and afterwards in firefox 3.xx. In Firefox 2.xx the width from 100% is ok like in Explorer or in a other Browsers. In Firefox 3.xx i have the problem that the width from 100% not available :-(
I hope you will find a solution.
The important thing is the css code is only so executable.
Reproducible: Always
Steps to Reproduce:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
DIV.FF_TAB_HACK {
position: absolute;
padding-right: 14px;
}
DIV.TAB_BORDER_TOP {
padding-top: 28px;
border: 1px solid #000000;
height: 8px;
background-repeat: repeat-x;
background-position: bottom;
width: 100%;
}
DIV.TAB_BORDER_TOP_LEFT {
border: 1px solid #000000;
background-repeat: no-repeat;
background-position: left top;
width: 7px;
height: 8px;
float: left;
font-size: 6px; /* Ohne diese Einstellung ist die Höhe zu hoch */
}
DIV.TAB_BORDER_TOP_RIGHT {
border: 1px solid #000000;
background-repeat: no-repeat;
background-position: right top;
float: right !important;
width: 7px;
height: 8px;
font-size: 6px; /* Ohne diese Einstellung ist die Höhe zu hoch */
}
-->
</style>
</head>
<body>
<div class="FF_TAB_HACK">
<div class="TAB_BORDER_TOP">
<div class="TAB_BORDER_TOP_LEFT"></div>
<div class="TAB_BORDER_TOP_RIGHT"></div>
</div>
</div>
</body>
</html>
From left to right on windows, Firefox 3.0.1, Opera 9.51, Safari 3.1.2, Hv3 08_0203
Every one of these has identical rendering.
Hello @all
why it does´nt work with Firefox 3... Did you See it in Firefox 2 and IE6 or IE7
Comment 5•17 years ago
|
||
This layout change was caused by Bug 300030.
Component: View Source → Layout
Product: Firefox → Core
QA Contact: view.source → layout
Version: unspecified → Trunk
I'm very sorry to be the one to tell you this, but as you can see, when browsers that pass the Acid2 test as in all the screenshots I've provided render your page the one way, and the browsers that don't pass that test, and hence are not as standards compliant, render it a different way (the way you want it to, but they are actually doing it wrongly), then that means you need to examine how to fix your code so it works in the standards compliant browsers, *then* do whatever hacks you need to get it to work in the older non-compliant browsers.
Comment 9•17 years ago
|
||
Can not be critical because this is no crash or dataloss.
based on the comments 5, 7 marking invalid
Severity: critical → normal
Status: UNCONFIRMED → RESOLVED
Closed: 17 years ago
Resolution: --- → INVALID
Reporter | ||
Comment 10•17 years ago
|
||
ok thx for our help :-( I thought we will have a better solution for my problem :-( but thx @all
Comment 11•17 years ago
|
||
You need to log in
before you can comment on or make changes to this bug.
Description
•