Closed
Bug 180242
Opened 23 years ago
Closed 14 years ago
switching stylesheets is buggy if CSS contains fixed-positionned divs with display:table
Categories
(Core :: CSS Parsing and Computation, defect)
Tracking
()
RESOLVED
WORKSFORME
People
(Reporter: pascalc, Unassigned)
References
Details
(Keywords: css2, testcase, Whiteboard: [reflow-reason])
Attachments
(4 files)
Mozilla 2002111214
steps to reproduce the bug :
1- open a page which has the following code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Nouveau</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<link rel="stylesheet" href="tableau.css" type="text/css" media="all"
title="Menu 1">
<link rel="alternate stylesheet" href="bloc.css" type="text/css" media="all"
title="Menu 2">
</head>
<body>
<div id="menu">
<a href="toto.htm">lien 1</a>
<a href="toto.htm">lien 2</a>
<a href="toto.htm">lien 3</a>
<a href="toto.htm">lien 4</a>
<a href="toto.htm">lien 5</a>
</div>
</body>
---
tableau.css has the following code :
#menu {
position:fixed;
display:table;
width:100%;
}
#menu a {
display:table-cell;
border:1px solid black;
width:20%;
}
bloc.css has the following code:
#menu {
position : fixed;
right : 10px;
bottom:10px;
border : 1px solid Black;
}
#menu a {
display:block;
}
2/ switch the stylesheet from Menu 1 to Menu 2
3/ switch the stylesheet from menu 2 to menu 1
Expected result:
In step 3 the page should display as in step 1
Actual result:
In step 3, the display:table-cell on links seems to be lost, cells are piled up
it might be a dupe of bug 128207
|
Reporter | |
Comment 1•23 years ago
|
||
The HTML code
|
|
Reporter | |
Comment 2•23 years ago
|
||
|
|
Reporter | |
Comment 3•23 years ago
|
||
|
|
Reporter | |
Comment 4•23 years ago
|
||
I put an online testcase there:
http://pascal.chevrel.free.fr/mozilla/testalternate.htm
|
||
Comment 6•22 years ago
|
||
I think I've come accross a (possibly) more general problem with position: fixed.
I have some DIVs with position: fixed set, which contain a table and other divs.
The problem is that when I load (while viewing the page) a new stylesheet that
changes the font size, *nothing* in the position: fixed DIVs seems to get
reflowed. Sure, the text changes size - but the cells of the table, spacing of
the DIVs containing text, etc., just doesn't change.
If I then set display: none on the DIVs, and set it back again (to block), they
show fine (presumably getting a proper reflow this time). I can also fix the
table by hiding/showing one of the rows in it, for example, again probably just
enough of a hint to reflow.
Whiteboard: [reflow-reason]
|
||
Comment 7•22 years ago
|
||
HTML File, which points directly to the style sheets on this server. This makes
it easier to test.
|
|
||
Updated•21 years ago
|
Keywords: css2
Summary: [CSS] switching stylesheets is buggy if CSS contains fixed-positionned divs with display:table → switching stylesheets is buggy if CSS contains fixed-positionned divs with display:table
|
||
Comment 8•21 years ago
|
||
Fixed by checkin for bug 170644.
Status: NEW → RESOLVED
Closed: 21 years ago
Resolution: --- → FIXED
Reopening, not fixed. With Win FF 1.5, the testcase loads in Menu 1 style. Selecting Menu 2 style then returning to Menu 1 doesn't show the same layout it did on load.
Status: RESOLVED → REOPENED
Resolution: FIXED → ---
Assignee: dbaron → nobody
Status: REOPENED → NEW
QA Contact: ian → style-system
This works for me in nightly. (We've fixed lots of things in things like this, and the current code is quite solid.)
Status: NEW → RESOLVED
Closed: 21 years ago → 14 years ago
Resolution: --- → WORKSFORME
You need to log in
before you can comment on or make changes to this bug.
Description
•