Package: iceweasel Version: 2.0.0.4-1 Architecture: i386 There was a minor typo in the Page source for the previous submittal, which did not effect the display of the page. It is corrected here.
Debian Iceweasel incorrectly renders the height of certain inline elements. The elements are too high, and extend beyond the block element containging them, which is nominally the same height. The behaviour of Iceweasel is diffent than Firefox, IE7, IE6, and Opera, which all render this content correctly. This can be seen at a demonstration page at: http://www.bwi.com/browser_bugs The source for the page is included below. Bill West BWI 887 Main Street, Suite D Monroe, Connecticut 06468-2800 877 567-7450, 203 261-6027 FAX 203 261-5061 [EMAIL PROTECTED] http://www.bwi.com BWI and RackPaq are registered trademarks and Destwin is a trademark of Bill West Incorporated -------------------------------- Begin Page Source --------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";> <html><head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' > <meta http-equiv='Content-Script-Type' content='text/javascript' > <meta http-equiv='Content-Style-Type' content='text/css' > <meta name='robots' content='index, follow' > <title>Gamma Site Browser Bugs Page</title> <meta name='description' content='Gamma Site Browser Bugs Page' > <meta name='keywords' content='Browser Bugs' > <meta name='author' content='BWI' > <style type='text/css'> <!-- /* = Iceweasel ----------------------------------------------- */ div {background-color: #d0d0d0;} ul.iceweasel { margin: 0; border: 0 none; padding: 0; white-space:nowrap; /*ensures that text stays on one line.*/ width: 150px; list-style: none; position: relative; display: block; background-color: #eeffff; } ul.iceweasel li { margin: 0; border: 0 none; height: 24px; padding: 0; float: left; /*For Gecko*/ display: block; list-style: none; position: relative; width: 100%; } ul.iceweasel:after /* Firefox, Opera don't expand Parent Div */ { clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul.iceweasel a { padding-top: 0; padding-bottom: 0; padding-left: 4px; padding-right: 4px; height: auto !important; height: 1%; /*For IE*/ width: 100px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; text-decoration: none; vertical-align: text-top; overflow: hidden !important; /* for Opera */ overflow: visible; overflow-x: hidden; } ul.iceweasel li:hover > a:hover { background: lightgreen; color:#000; } /* for IE 6 */ ul.iceweasel a:hover { background: lightgreen; color:#000; } ul.iceweasel li:hover > a { background: #FFCC00; color:#000; } ul.iceweasel li:hover { background: pink; color:#000; } ul.iceweasel li a { color:black; } .font1 { background: transparent; border: 1px solid black; font: bold 10px/24px Tahoma, Helvetica, Arial, sans-serif; } .font2 { background: transparent; border: 1px solid black; font: bold 10px/22px Tahoma, Helvetica, Arial, sans-serif; } .font3 { background: transparent; border: 1px solid black; font: bold 12px/24px Tahoma, Helvetica, Arial, sans-serif; } .font4 { background: transparent; border: 1px solid black; font: bold 12px/22px Tahoma, Helvetica, Arial, sans-serif; } .font1nb { background: transparent; border: none; font: bold 10px/24px Tahoma, Helvetica, Arial, sans-serif; } .font2nb { background: transparent; border: none; font: bold 10px/22px Tahoma, Helvetica, Arial, sans-serif; } .font3nb { background: transparent; border: none; font: bold 12px/24px Tahoma, Helvetica, Arial, sans-serif; } .font4nb { background: transparent; border: none; font: bold 12px/22px Tahoma, Helvetica, Arial, sans-serif; } /* --------------------------------- */ --> </style></head> <br>This is the BWI browser bugs page. <br><br>Iceweasel problem with inline-box heights. <br>Iceweasel incorrectly calculates the height of the boxes for the inline elements. <br>All three examples render correctly in Firefox, IE6, IE7, and Opera <br><br>Version Info: 'Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.4) Gecko/20070508 Iceweasel/2.0.0.4 (Debian-2.0.0.4-1)'<br><br> <br><br>Mouse over the links below. <br>Green indicates cursor over an anchor within an list element. <br>Orange indicates cursor over a list element containing an anchor, but not on the anchor. <br>Pink indicates cursor over a list element which is wider than the anchor, so you can see the height of the list element. <br>Comments refer to rendering in Iceweasel, not other browsers. <br>Style info is for the style applied to the anchor, all 'li' elements are 24px high. <div><br><br>Using font style 'border: 1px solid black;font: bold 10px/24px Tahoma, Helvetica, Arial, sans-serif;' <br>The anchor is taller than the 'li' element, and overlaps the following 'li' element<br><br> </div><div><ul class='iceweasel'> <li><a href='#' class="font1">Font1</a> <li><a href='#' class="font1">Font1</a> <li><a href='#' class="font1">Font1</a> <li><a href='#' class="font1">Font1</a> </ul> </div><div><br><br>Using font style 'border: 1px solid black;font: bold 10px/22px Tahoma, Helvetica, Arial, sans-serif;' <br>The anchor is taller than the 'li' element, and overlaps the following 'li' element<br><br> </div><div><ul class='iceweasel'> <li><a href='#' class="font2">Font2</a> <li><a href='#' class="font2">Font2</a> <li><a href='#' class="font2">Font2</a> <li><a href='#' class="font2">Font2</a> </ul> </div><div><br><br>Using font style 'border: 1px solid black;font: bold 12px/24px Tahoma, Helvetica, Arial, sans-serif;' <br>The anchor is taller than the 'li' element, and overlaps the following 'li' element<br><br> </div><div><ul class='iceweasel'> <li><a href='#' class="font3">Font3</a> <li><a href='#' class="font3">Font3</a> <li><a href='#' class="font3">Font3</a> <li><a href='#' class="font3">Font3</a> </ul> </div><div><br><br>Using font style 'border: 1px solid black;font: bold 12px/22px Tahoma, Helvetica, Arial, sans-serif;' <br>This particular font style renders correctly in Iceweasel. <br>The anchor and the 'li' element are the same height, so the borders on the 'li' elements overlap<br><br> </div><div><ul class='iceweasel'> <li><a href='#' class="font4">Font4</a> <li><a href='#' class="font4">Font4</a> <li><a href='#' class="font4">Font4</a> <li><a href='#' class="font4">Font4</a> </ul> </div><div><br><br>Using font style 'border: none;font: bold 10px/24px Tahoma, Helvetica, Arial, sans-serif;' <br>The anchor is taller than the 'li' element, and overlaps the following 'li' element<br><br> </div><div><ul class='iceweasel'> <li><a href='#' class="font1nb">Font1nb</a> <li><a href='#' class="font1nb">Font1nb</a> <li><a href='#' class="font1nb">Font1nb</a> <li><a href='#' class="font1nb">Font1nb</a> </ul> </div><div><br><br>Using font style 'border: none;font: bold 10px/22px Tahoma, Helvetica, Arial, sans-serif;' <br>The anchor is taller than the 'li' element, and overlaps the following 'li' element<br><br> </div><div><ul class='iceweasel'> <li><a href='#' class="font2nb">Font2nb</a> <li><a href='#' class="font2nb">Font2nb</a> <li><a href='#' class="font2nb">Font2nb</a> <li><a href='#' class="font2nb">Font2nb</a> </ul> </div><div><br><br>Using font style 'border: none;font: bold 12px/24px Tahoma, Helvetica, Arial, sans-serif;' <br>The anchor is taller than the 'li' element, and overlaps the following 'li' element<br><br> </div><div><ul class='iceweasel'> <li><a href='#' class="font3nb">Font3nb</a> <li><a href='#' class="font3nb">Font3nb</a> <li><a href='#' class="font3nb">Font3nb</a> <li><a href='#' class="font3nb">Font3nb</a> </ul> </div><div><br><br>Using font style 'border: none;font: bold 12px/22px Tahoma, Helvetica, Arial, sans-serif;' <br>This particular font style renders correctly in Iceweasel. <br>The anchor and the 'li' element are the same height<br><br> </div><div><ul class='iceweasel'> <li><a href='#' class="font4nb">Font4nb</a> <li><a href='#' class="font4nb">Font4nb</a> <li><a href='#' class="font4nb">Font4nb</a> <li><a href='#' class="font4nb">Font4nb</a> </ul> </div></body></html> -------------------------------------------- End Include Page Source ----------------------------------- -- To UNSUBSCRIBE, email to [EMAIL PROTECTED] with a subject of "unsubscribe". Trouble? Contact [EMAIL PROTECTED]
