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)

x86
Windows XP
defect
Not set
normal

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>
Attached image screenshots
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
Attached image IE7 and Firefox 2.016
IE7 and Firefox 2.016
This layout change was caused by Bug 300030.
Component: View Source → Layout
Product: Firefox → Core
QA Contact: view.source → layout
Version: unspecified → Trunk
should mean that we do not have a solution?
Attached image IE8 screenshot
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.
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
ok thx for our help :-( I thought we will have a better solution for my problem :-( but thx @all
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: