Bug 92979 – rendering problem when using <div> and <fieldset> in a page (testcase)

First Last Prev Next No search results available Search page

Bug 92979:

rendering problem when using <div> and <fieldse...

Product:	konqueror
Component:	khtml renderer
Status:	RESOLVED
Resolution:	FIXED
Target:	---

Version:	unspecified
Priority:	NOR
Severity:	normal

Votes:

Description:
Opened: 2004-11-09 16:04 Last Changed: 2004-11-21 04:02:52

Version: (using KDE KDE 3.3.1) Installed from: Mandrake RPMsMac OS X (Fink) Packages OS: Other When using <div> for the menu and <fieldset> for the content, the both elements are mixed altough the css tells not to... This happens in xhtml strict. t has been tested on a standard konqueror from a knoppix 3,4, and on the standard Apple MacOS X Safari 1.2.4 (which is using the same khtml rendered as konqueror...). There is no rendering problem with mozilla, netscape or firefox. You can see the original problem on the following page, http://ploc.free.fr/ Following is an example to reproduce the bug with a dummy page, =============== begin of file index.html =============== <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title>site de Ploc</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" media="screen" href="style.css" /> </head> <body> <div class="menu">  menu here menu here menu here menu here menu here menu here menu here menu here menu here menu here menu here menu here menu here menu here menu here menu here menu here menu here menu here menu here  </div> <fieldset class="document"> <div class="trick"></div>  content here content here content here content here content here content here content here content here content here content here content here content here content here content here content here content here content here content here content here content here  </fieldset> </body> </html> =============== end of file index.html =============== ============= begin of file style.css ============= /* begin general section */ body { margin: 0em; padding: 0em; background-color: #ff9966; font: 12px sans-serif; text-align: center; } .center { text-align: center; } a { text-decoration: none; } /* end general section */ /* begin menu section */ .menu { float: left; width: 150px; } .menu a { display: block; color: black; } .menu a:hover { background-color: #ffcc99; } /* begin topic section */ p.topic { display: block; margin: .3em; border: 1px outset; background-color: #ffcc99; color: #ff9966; font-weight: bold; } p.topic a { border-top: 1px dotted; background-color: #ff9966; font-size: .8em; font-weight: lighter; } /* end topic section */ /* begin links section */ fieldset.links { font-size: .8em; } fieldset.links { margin: 1em; border: 2px dotted gray; padding: 0em; color: #ffcc99; } /* end links section */ /* end menu section */ /* begin title section */ h1 { margin: 0em; padding: 0em; color: #ffcc99; font-size: 1.2em; font-weight: bold; text-align: left; } /* end title section */ /* begin document section */ .document { margin: 0.2em; border: 1px dashed gray; padding: 1em; background-color: #ffcc99; font-family: serif; text-align: justify; } /* trick to display the document fieldset at a mininmum size */ .trick { float: right; width: 1px; height: 40em; } /* end of trick */ .document a { color: #ff9966; } .document a:hover { background-color: #ff9966; color: #ffcc99; } .document h1 { margin: 0em; color: #ff9966; font-size: 1.5em; text-indent: 2em; } .document h2 { margin: 0em; color: #ff9966; font-size: 1.2em; text-indent: 4em; } .document p { text-indent: 2em; } .document ul { list-style-type: square; } .document ul li ul { list-style-type: disc; } .document dl { margin: 2em; } .document dt { color: #ff9966; font-family: monospace; font-weight: bold; } .document dd { font-size: .9em; } .signature { } .sample { margin: 1em; padding: 1em; background-color: #ffffff; } /* end document section */ /* begin footer section */ p.footer { clear: both; margin: 0.2em; font-size: .8em; } p.footer a { color: #ffcc99; } p.footer a:hover { background-color: #ffcc99; color: #ff9966; } /* end footer section */ ============= end of file style.css =============

Comment #1 Allan Sandfeld 2004-11-11 16:17:13

We render the same as Opera, but not the same as Mozilla. This is probably Mozilla specific code. Can anyone test it in IE?

Comment #2 Allan Sandfeld 2004-11-11 21:38:18

Okay. IE6 renders like Mozilla. Confirming the bug.

Comment #3 Germain Garand 2004-11-21 04:02:52

CVS commit by ggarand: Floats and flowing around floats improvements. BUG: 92979 93511 89527 M +26 -0 ChangeLog 1.336 M +1 -0 css/html4.css 1.137 M +102 -48 rendering/render_block.cpp 1.54 M +1 -1 rendering/render_block.h 1.21 M +2 -8 rendering/render_box.cpp 1.247 M +11 -1 rendering/render_object.cpp 1.273 M +2 -0 rendering/render_object.h 1.200 M +1 -1 rendering/render_table.cpp 1.267

Platform:	Mandrake RPMs
OS:	other
Keywords:
URL:

People

Reporter:	ploc
Assigned To:	Konqueror Developers

Related actions

Note

You need to log in before you can comment on or make changes to this bug.

Attachments
Add an attachment (proposed patch, testcase, etc.)

Depends on:
Blocks:
	Show dependency tree - Show dependency graph

First Last Prev Next No search results available Search page

Actions

Reports

My Account