background preloader

JAVASCRIPT

Facebook Twitter

JAVASCRIPT (espanol)

JAVASCRIPT (francais) Using Dean Edwards IE7 Script. The issue When Internet Explorer version 6 (IE6) was introduced in 2001 it was a groundbreaking product but browsers were then being developed so fast that it was soon overtaken by others which conformed better with web standards. IE6 quickly became the butt of authors' humour but, in spite of this, ten years later it is still widel y deployed and, although numbers are reducing, its final demise may well be some way off. Consequentially authors still need to design sites that will give visitors using IE6 an acceptable experience. IE7 script In the recent past authors have usually worked around the problem by writing a specific style sheet and targeting it at this browser [Ref 10] – a process that has often been very time-consuming. You seem to have scripts switched off. Dean Edwards' objective is to make IE6 behave like IE7. IE7 is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser.

The library has been made freely available for use. Or. IE Unscrollable Content. What's this about? Another IE bug, where an AP-Box may not force a scrollbar even if the content is long enough to require one, resulting in hidden content. Description The page content is contained within a box that is positioned relatively and has no assigned dimensions. Nested in this box are one (or more) absolutely positioned boxes.

Take a quick look at this graphic showing how it should work. The Absolute Box should appear to start from inside the relative box, meaning the top of the AP box is calculated from the top of the relative box, not from the top of the document. But the relative box will not truly "contain" the absolute box because absolute boxes are not "inside" other elements. Internet Explorer does not think so. IE tries to make the relative "parent" element as big as the AP-Box that is "inside" it. This bug affects IE5, 5.5 and 6 for Windows. Sometimes it's bad for the layout when there is a dimension on the Relative box, but don't panic!

Bug Fixes See The Bug In Action. Peek-a-boo IE6 Bug. Return to Explorer Exposed Next IE demo The setup: A liquid box has a float inside, and content that appears along side that float. All is well, until it's viewed in IE6. "Wah? Note: This long standing bug has been suppressed in IE7 (released in late 2006), so the Peekaboo Bug is finally on the way out. The demo: div#floatholder (dotted border) is dimensioned horizontally by margins, and vertically by content. div#float (thick brown border) is floated left, and contains a test link. This is bare text.

Clearing div This div is after the cleared div. To reset bug, reload page. The bugs: This effect may turn up in a number of different contexts. Fun with links: Try clicking the links. Special notes: Multiple repetitions of the content div containing the triggers can behave very strangely. The fixes: Finally, this bug will be triggered even if div#float preceeds div#floatholder, provided that this external float actually touches the clearing div within div#floatholder!

IE5/6 Doubled Float-Margin Bug - CSS fixes and workarounds. What Goes Wrong With Float Margins in IE6 A coder innocently places a left float into a container box, and uses a left margin on the float to push it away from the left side of the container. Seems pretty simple, right? Well it is until it's viewed in IE6. In that browser the left float margin has mysteriously been doubled in length!

Thankfully, IE7 does not show this bug. The Way It Oughta Be The graphic below shows a simple div (tan box) containing a left-floated div (green box) . The Old IE "Doubletake" That exact same code when viewed in IE/Win is displayed in a slightly different way. Why is this happening? Important Points This bug only occurs when the float margin goes in the same direction as the float and is trapped directly between the float and the inside edge of the container box.

At Last, A Fix! Steve Clason has discovered a fix, outlined in his Guest Demo, that fixes both this doubled margin bug and a weird text indent bug as well. So What Is It Already? Serendipity Well! Forms in HTML documents. 17.1 Introduction to forms An HTML form is a section of a document containing normal content, markup, special elements called controls (checkboxes, radio buttons, menus, etc.), and labels on those controls.

Users generally "complete" a form by modifying its controls (entering text, selecting menu items, etc.), before submitting the form to an agent for processing (e.g., to a Web server, to a mail server, etc.) Here's a simple form that includes labels, radio buttons, and push buttons (reset the form or submit it): <FORM action=" method="post"><P><LABEL for="firstname">First name: </LABEL><INPUT type="text" id="firstname"><BR><LABEL for="lastname">Last name: </LABEL><INPUT type="text" id="lastname"><BR><LABEL for="email">email: </LABEL><INPUT type="text" id="email"><BR><INPUT type="radio" name="sex" value="Male"> Male<BR><INPUT type="radio" name="sex" value="Female"> Female<BR><INPUT type="submit" value="Send"><INPUT type="reset"></P></FORM> Note.

Controls.