Closed Bug 72454 Opened 24 years ago Closed 24 years ago

immages in the top-frame are totally misplaced

Categories

(Core :: Layout, defect)

PowerPC
Mac System 9.x
defect
Not set
normal

Tracking

()

VERIFIED INVALID

People

(Reporter: mhaecker, Assigned: karnaze)

References

()

Details

From Bugzilla Helper: User-Agent: Mozilla/5.0 (Macintosh; N; PPC; en-US; 0.8.1) Gecko/20010316 BuildID: 20011031608 In the page at http://www.macnews.de/, the top frame is totally broken. For example the immage-map (navigation) on the right side should be on the far-right side. Reproducible: Always Steps to Reproduce: Go to the page at http://www.macnews.de/ and have a look at the top-frame. Actual Results: Everything is displayed to much to the left side. Expected Results: The immage-map should be on the far right side. This is the most heavy thing. But there is more, just have a look at it with another browser. I'l include the html from the frame thats so "broken" here. -- start -- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html> <head> <title>Navigation macnews.de</title> <base TARGET="_top"> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <meta http-equiv="expires" content="20000"> <style TYPE="text/css"> <!-- a:link { text-decoration: none; color: #FFFFFF; } a:visited { text-decoration: none; color: #FFFFFF; } a:active { text-decoration: underline; color: #FF0000; } --> </style> <map NAME="navmap"> <area SHAPE="rect" HREF="/index.shtml" onMouseOver="window.status='macnews.de';return true" onMouseOut="window.status='';return true" COORDS="17,18,84,29"> <area SHAPE="rect" HREF="/_macgames/" onMouseOver="window.status='MacGames: Die spielerische Seite des Macintosh';return true" onMouseOut="window.status='';return true" COORDS="17,30,73,41"> <area SHAPE="rect" HREF="/_linuxmac/" onMouseOver="window.status='LinuxMac: Mehr Power f&uuml;r Deinen PowerPC';return true" onMouseOut="window.status='';return true" COORDS="17,41,73,54"> </map> </head> <body BGCOLOR="#990000" TEXT="#FFFFFF" LINK="#FFFFFF" ALINK="#FF0000" VLINK="#FFFFFF" TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0"><a NAME="top"></a><div STYLE="position: absolute; top: 0px; left: 0px;"> <table BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%" HEIGHT="60"><tr><td WIDTH="100%" BGCOLOR="#660000"><img SRC="/_global/_img/macnews/nav_capleft.gif" ALT="" WIDTH="16" HEIGHT="16" BORDER="0"><img SRC="http://www.macnews.de/_global/_img/pixel.gif" ALT="" WIDTH="102" HEIGHT="16" BORDER="0"><img SRC="/_global/_img/macnews/swoosh_topright2.gif" ALT="Alles &uuml;ber den Mac. Auf Deutsch. Und in rot." WIDTH="287" HEIGHT="16" BORDER="0"></td><td BGCOLOR="#660000" ROWSPAN="2" ALIGN="RIGHT" VALIGN="TOP" WIDTH="234"><img SRC="/_global/_img/macnews/navbar_new.gif" ALT="Navbar" WIDTH="234" HEIGHT="90" BORDER="0" ISMAP USEMAP="#navmap"></td></tr><tr><td WIDTH="100%" VALIGN="TOP"><img SRC="http://www.macnews.de/_global/_img/pixel.gif" ALT="" WIDTH="108" HEIGHT="97" BORDER="0"><img SRC="/_global/_img/macnews/logo2.gif" ALT="macnews.de" WIDTH="297" HEIGHT="97" BORDER="0"></td></tr></table></div> </body> </html> -- end --
I can see this also with Mozilla/5.0 (Windows; U; Win98; en-US; 0.8.1) Gecko/20010316 Additionally, the large "macnews.de" logo image does not appear.
From my understanding of CSS, Mozilla displays this correctly. The table with width="100%" is contained within a absolutely positioned div. Since that div is absolutely positioned and its width is unspecified, its width defaults to "auto" which computes to the intrinsic width of its contents. The table then displays as 100% of this intrinsic width, not the width of the window like other browsers incorrectly do. If the page author were to specify width:100% in the containing div it should clear up the issue. Perhaps some evangelism? If someone else has a different understanding please advise. Otherwise I suggest that this is an invalid bug. --J
Jason is right. Marking invalid, settin QA to Hixie so he can verify. setting "width: 100%" or "right: 0px" on the div enclosing the table gives the layout that page wants.
Status: UNCONFIRMED → RESOLVED
Closed: 24 years ago
QA Contact: petersen → ian
Resolution: --- → INVALID
what you guys said!
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.