Closed
Bug 284289
Opened 20 years ago
Closed 20 years ago
Tables and text do not layout probably inside absolute div
Categories
(Core :: Layout, defect)
Tracking
()
RESOLVED
INVALID
People
(Reporter: dblohm7, Unassigned)
Details
Attachments
(1 file, 1 obsolete file)
|
3.85 KB,
text/html
|
Details |
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.6) Gecko/20050223 Firefox/1.0.1 Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.6) Gecko/20050223 Firefox/1.0.1 The presence of the div tag in the sample URL causes the tables to be stretch across the entire width of the page. The document text does not wrap around the tables properly, sometimes being rendered partially overtop of the tables. Removing the absolute div causes the tables to render more appropriately, although unordered lists inside the table cells have their bullets being displayed outside of the table border. Reproducible: Always Steps to Reproduce: 1.Create an HTML file with 2 or 3 tables that are left or right aligned and contain width attributes 2.Add body text to the document such that the text will need to wrap around the tables (need a full page of text) 3.Enclose the content within a div tag that uses absolute positioning Actual Results: Tables were rendered such that they take up the entire width of the screen; text does not wrap around the tables properly. In some cases the body text is rendered over top of the table itself. Expected Results: The tables should have used the align and width attributes to be aligned and sized properly, and the text should have wrapped around them cleanly.
Comment on attachment 175941 [details] Simplified version of original "infringing" document ><!DOCTYPE HTML PUBLIC "-//W5C//DTD HTML 4.01 Transitional//EN"> ><HTML><HEAD><TITLE>March 1, 2005</TITLE></HEAD> > ><BODY bgcolor="white"> > ><DIV style="position: absolute; left: 6px; top: 130px; z-index: 16;" id="Main"> > ><TABLE width="310" cellpadding="5" align="left"> ><TBODY><TR><TD> ><IMG width="300" height="209" border="1" alt="[Alone at the microphone]" src="http://www.bulletin.uwaterloo.ca/images/2005/0301higginsCBC.jpg"/> ><FONT size="-1"> ></FONT><P> ><FONT size="-1">Michael Higgins recording commentary for his CBC "Ideas" series on >theologian Thomas Merton ><A href="http://www.cbc.ca/ideas/features/shows/merton/">in 1998</A> >(CBC photo). ></FONT></P></TD></TR></TBODY></TABLE> > ><TABLE width="30%" cellspacing="0" cellpadding="5" bordercolor="red" border="1" align="right"> ><TBODY><TR bgcolor="#fbc944"> ><TD><FONT size="+1" color="#000000"><B>ONE CLICK AWAY</B></FONT></TD> ></TR><TR bgcolor="#eeeeee"> ><TD><FONT size="-1"> ><LI><A href="http://www.feds.ca/">Federation of >Students 'extremely disappointed' with federal budget</A> ></LI></FONT></TD></TR></TBODY></TABLE> > ><H2>Registrar presents the new Quest</H2> >Links to online banking institutions to make fee payment easier, >and "a grid-based format" to show a student's weekly schedule, are >among the features in the new version of > ><A href="http://www.quest.uwaterloo.ca/">Quest</A>, the student >information system, which went live yesterday. ><P> > ><TABLE width="45%" cellspacing="0" cellpadding="5" bordercolor="red" border="1" align="left"> ><TBODY><TR bgcolor="#fbc944"> ><TD><FONT size="+1" color="#000000"><B>WHEN >AND WHERE</B></FONT></TD> ></TR><TR bgcolor="#eeeeee"> ><TD><FONT size="-1"> ><B>Pinball Clemons</B>, head coach of Toronto Argonauts, speaks on >"Youth, Leadership and Community", Monday, March 7, 7 p.m., Humanities >Theatre, tickets $8 (free for undergrad students) at Humanities box office. > ></FONT></TD></TR></TBODY></TABLE> > >Bigger changes in the software behind the system will have advantages >for the people who operate it, but shouldn't even be visible to students, >according to explanations from the registrar's office as the new >system comes into use. ></P><P> >"We thank you for your patience during the upgrade process," said an >e-mail sent automatically to thousands of students and signed by UW >registrar Ken Lavigne. "The Quest website has also been updated and >a new help section and website feedback form have been created," >he told them. ></P><P> >The familiar uses of the system are still there -- students can update >their contact information, add or drop courses, see financial aid >information, check their grades and schedules, and so on. "We look >forward to adding even more features to serve you better," the >registrar wrote. ></P><P> >An e-mail message to academic departments concentrated on the things for >which staff and faculty use Quest: looking at class lists, for example, >and checking "undergraduate and graduate student academic and >application information" through Waterloo Inquiry, successor to the >old WINQ utility. ></P><P> >"In addition, instructors can use Quest to view their weekly course >schedule and view the UW course catalog and class schedule." ></P><P> >"Thank you to everyone who was involved in this project," writes Jennifer >Johnson, coordinator of web and e-communications for the registrar's >office. She mentioned a few of those people: Carmen Roecker in >scheduling, Audrey Sloboda in the graduate studies office, Fred >Widall and Kevin Oberle in information systems and technology, and >Ian Read in undergraduate recruitment. ></P><P> >Demonstrations of Quest and Waterloo Inquiry are scheduled for Friday. >A session for graduate studies academic and administrative users will >take place at 9:30 a.m. in Davis Centre room 1304. For undergraduate >studies academic and administrative users, a 9:30 session (Coutts Hall >room 309) will be repeated at 1:30 p.m. (Arts Lecture room 113). > ></P></DIV></BODY></HTML>
Attachment #175941 -
Attachment is obsolete: true
|
||
Comment 4•20 years ago
|
||
The layout is correct given the markup and CSS. The div has shrink-wrap width, so percentage widths mean "auto". Set right:0 on the positioned div if that's what you want it to be doing.
Status: UNCONFIRMED → RESOLVED
Closed: 20 years ago
Resolution: --- → INVALID
You need to log in
before you can comment on or make changes to this bug.
Description
•