Hello, I'm hoping that some of you experts can answer three questions about browser renderings of certain elements.
Question 1 ---------- I'm developing a page with a liquid layout that adapts to displays of various sizes; the page can be viewed at www.baileyandireland.com. The page renders as expected in all browsers except Opera, which is having a problem with the following CSS rule (refer to line 65 of the style sheet, Home.css): max-width: 50em; This rule is applied to a division called div_Main_content. The problem is that this division is being rendered about 2ems short of what it should be, as you can clearly see if you open the web page (index.css) in Opera. I'm surprised, since an earlier division of the page (called subdiv_Unit_title), which has the same rule applied (line 46 in the style sheet), behaves as expected. Could someone please advise me whether this problem constitutes a bug in Opera. Question Two ------------ Is anyone aware of restrictions in use of the 'overflow' property, specifically, whether browsers are supposed to interpret 'overflow' to cut off nested divisions? In the style sheet referenced above (Home.css), I have a wrapper division called div_Content that encloses all other content in the html file. If you apply the 'overflow: hidden' rule to div_Content (i.e. include line 27 of Home.css, currently commented out), only the first nested division (div_Banner) is displayed; the two sibling divisions of div_Banner (called div_Table_of_contents and div_Main_content respectively) are ignored. All of the browsers I have tried (Firefox, Chrome, Opera, Safari) display in the same way. I cannot understand this behaviour as the height of div_Content has not been restricted. Could someone please explain what is going on. Question Three -------------- I have applied the rule 'outline: thin solid black;' to the body element in order to see how each browser renders the body. All except Firefox place the divisions div_Table_of_contents and div_Main_content outside the body box (as I would expect as these divisions are absolutely positioned), whereas Firefox contains both divisions within the body box. Could someone please advise whether this is an error in Firefox's rendering of the page. Many thanks and regards, Grant Bailey ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *******************************************************************