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"> <!-- begin menu --> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> menu here<br /> <!-- end menu --> </div> <fieldset class="document"> <div class="trick"></div> <!-- begin document --> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> content here<br /> <!-- end document --> </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 =============
We render the same as Opera, but not the same as Mozilla. This is probably Mozilla specific code. Can anyone test it in IE?
Okay. IE6 renders like Mozilla. Confirming the bug.
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
You need to log in before you can comment on or make changes to this bug.
KDE Bug Tracking System
KDE Bug Tracking System 