Changelog V2.x
Changes in Version 2.5.2 [31.12.2006]
- IE-Clearing adjustments for final version of IE7
The IE-Clearing was adjusted to fit the needs of the final version of the new IE7 browser. For detials see article 2.7: The Clearing of #col3. - "Shiny Buttons" navigation
There were some rendering errors in IE5.x and IE6 ind Quirks Mode. Changes have been made in the iehacks_vlist.css file. - "Sliding Doors II" navigation
The original version of this navigation from A-List-Apart doesn't support IE 5.01. This support has been added to nav_slidingdoorII.css. - Changes in file base.css
Entry * {font-size: 100%} was removed. This entry reseted font size for all elements. However this has no effect on the layout itself and all content styling should be paced in content.css. - Complements in base.css
The declaration * {margin: 0; padding: 0;} lead to some minor problems in select elements in Firefox. The padding of this element has to have a minimum value of option {padding-left: 0.4em} in order that interior texts will not be masked by the select button. - Complements in iehacks.css
The small hack to force vertical scrollbars in Firefox is not needed in IE and therefore this hack is removed vor IE. CSS declarations html {height: auto} and body {min-height: none} were added to iehacks.css file. - Symbols for "vlist" navigation
In folder css/navigation/gfx/vlist/ a small set of quadratic images was added for marking subentries in the vlist navigation.
Documentation
Article 4.6: Minimum & Maximum Width re-written. - [Update 01.11.06] Escaping Floats Bug
Made the bug fix accessible for IE7 in iehacks.css because this bug is still active in IE7. - [Update 31.12.06] Changing terms of use
Since 1.1.2007 all licence prices are shown with sales taxes.
Changes in Version 2.5.1 [29.08.2006]
- "Shiny Buttons" and "Sliding Doors II" Navigation
XHTML and the CSS structure of the "shiny buttons" has been updated so that the dummy entries #first and #last are no longer needed. The new "Sliding Doors II" navigation has been expanded as per version 2 of the article from "A-List-Apart". As a result the click area in IE has been enlarged and there is now a grafic hover effect in all browsers. The related grafics for all the navigation building blocks can be found in the css/navigation/gfx folder. - Changes to the positioning of #topnav in the base.css
The container #topnav is positioned absolutely in #header and as a result no longer affects the other contents of the #header container. This should simplify the make up of the header. - Subtemplates – Class Correction
The padding of the content box subc has to be the same size as the boxes subcl and subcr so that the columns end up being rendered with the same width. Please see article 4.5: Subtemplates. - Rendering Bug in IE in connectionwith <blockquote> deacticated
When using paragraph texts (<p>) within <blockquote> the background of these elements sometimes wasn’t rendered, if there was a further (<p>) tag directly infront of it in the source text. To delete this bug <blockquote> Internet Explorer now contains the property zoom:1. See more information about the Disappearing Background Bug. - Adjustment of the IE Clearing IE7 RC1
The negative margins, used to force the widening of the Clearing Box (through a default width of 102%), has been replaced. From now on IE7 Beta 2 is no longer supported. For more information regarding Clearing see article 2.7: Clearing the column #col3. - Text navigation
The psuedo class :focus has been additionally defined in the content.css file for hyperlinks. Now navigation links will also be correlty highlighted with the keyboard. - Opera 9 Hover-Bug
The curent version of Opera 9.01 includes a hoverbug which causes margins to collapse between a clearing element and the following element. This affected the footer in the layout of the YAML document. The style definition has been consequently adjusted in order to do without the upper margin as a work around. More information in article 5.3: Known Problems.
Changes in Version 2.5 [04.07.2006]
- Documentation Completely Changed
In the new Article 1.5: Framework Folder Structure the meaning of each folder and their contents are explained. In addition to this, the central stylesheet has been given its own page. This is meant to make the introduction to the framework a little bit easier. All the documentation texts have been completely re-edited and re-structured. - Replacement of the HR-Tag to Clear #col3
Global clearing, has up till now been realised through a special HR-Tag with the .clear_columns. As of version 2.5 this has been replaced with a DIV-Container with the ID #ie_clearing. (see article 2.7 Clearing #col3) Through this change the bug which led to the ollapsing of the margins of #col3 has been eliminated. The CSS declarations for the HR clearing can still be found in the base.css file to ensure that the old layouts contine to function. Article 2.7 has been completely re-written including in detail the fucntions of this new clearing. - Known Problems: Bugfix for collapsing margins #col3
The bug, found in previous versions of YAML in article 5.3 has been fixed for IE6 and IE. It is no possible, without problems to apply the graphic column divider. The bug now only occurs with IE5.x and is therefore not of great importance anymore. (see article 5.3 Known Problems) - Disappearing List-Background Bug removed
A hack for the removal of the Disappearing List-Background bug in IE has been included in the file iehacks.css. For more information see: Article 3.5: CSS Adjustments for Internet Explorer. - Vertical List navigation
There is a new vertical list navigation in the css/navigation folder. More information in Article 3.7: Navigational Building Blocks. - Improved „Filler Text“ version and Opera Reference
The improved version offers the additional opportunity to delete added text blocks. On top of that, a reference to the presentation problem in Opera in connection with this script has been taken into consideration. - Subtemplates – Development and Netscape7 Bugfix
Replacment of a 25/75% split. Netscape 7 now, no longer masks the content of the subtemplates through a 2 step workaround. The workaround is documentd in article 5.3 Known Problems and can be used when needed. - Bugfix für Odered Lists
The link margin in the standard formatting for controlled lists has been scaled up to 1em in the base.css file This margin was previously set to 0. This sometimes made the numbering invisible in Internet Explorer.
Changes in Version 2.4 [18.05.2006]
- Adjustments for Internet Explorer 7 - Beta2 (dt.) Build: 7.0.5346.5
- IE7 is not bug-free and is not without CSS hacks. The Conditional Comment in the source code (see Article 3.5: Adjustments for Internet Explorer) has been adapted, so that IE7 can deal with the hacks from now on: <!--[if lte IE 7]>.
- Reworking of the iehacks.css and all layout dependant files in the css/explorer folder so that IE7 only contains the hacks that it needs. Html is used as a browser preselector between IE6 & IE7.
- Expansion of the Clearfix hack for IE7 .clearfix { display: inline-block; } within the iehacks.css file with reference to the article "New clearing method needed for IE7?"
- Subtemplates for the formatting of contents within a column
Any blocks of content within a column can be positioned next to one another using subtemplates (small individually applicable XHTML code structures). The partitioning is as a result variable. In addition to that subtemplates can be nested within one another. More information can be found in article 4.5: Subtemplates. - Flicker-Problem finally identifed – hack greatly simplified
The problem mentioned in previous versions of YAML as the "Flicker Bug" has now been identified. It is a problem of Internet Explorer's with Italics and can be traced back to the already documented Italics bug. A related hack is built into the iehacks.css file and solves the problem accordingly (see Article 3.5: Adjustments for Internet Explorer). Layout adjustments should now be significantly less complicated due to the lack of the flicker hack. The exposure to tables within individual columns in IE has now also been noticeably simplified. - Further applications for the 3-pixel hack
Having eliminated the Flicker problem, the 3-pixel hack can now be used on every flexible layout. The hack is now active in the illustration-Layout of the YAML framework. The only exception is the use of the grafic column separator. - Known Problems: Crashing problem solved
Internet Explorer no longer cashes when decreasing the size of the window width as a result of eliminating the Flicker hack. The point in article 5.3 has been deleted. - Replacement of the browser versions affected by the IE Bug
In articles 3.4 and 3.5 the error messages have been registered in browser lists. - Correction in base.css
- The Opera hack used to get rid of the rounding off error in font-size: 100.01% was ineffective because of the resulting *selectors.
- The property position:relative for the columns #col1 and #col2 has been deleted. The specification for #col3 can now be found in the fole iehacks.css.
- Correction in basemod.css
The property body { font-size: small; } led to different font sizes in IE6 & IE7. This property has now been changed to body { font-size: 83.33%; } and moved into the content.css file. - Layout-dependant IE-Adjustments
Content edited and file names unified. For every layout exists a spearate adjusent file. - Problems with old Netscape Browsers
Note for Netscape Browser Version 6.x and 7.x registered (see Article 5.3: Known Problems).
Changes in Version 2.3 [24.04.2006]
- Restructuring of the CSS Folders
The YAML buidling blocks (base.css & iehacks.css), basemod-files, menus, etc. have been put into separate folders. From now on you can find various central stylesheets for all the prepared YAML layout variations in the CSS main folder. The following folders have been introduced: - css – You can find the central stylesheets for all the possible layout variations here
- css/main – Basic building blocks base.css & iehacks.css included with the file: content.css
- css/modifications – Folder for the basemod files (The previous css/storage has been deleted)
- css/explorer – layout dependent adjustment files for IE
- css/print – Print templates
- IE-layout dependent adjustments now possible
The correction in the layout error in IE now runs over layout dependent adjustments in the css/explorer folder. More information can be found in article 3.5. The whole article has been re-written. - Internet Explorer’s 3-Pixel-Jog problem solved
In version 2.2 the 3-pixel bug for Internet Explorer was included in the list of "known problems". There is now a hack for this annoying bug. For further explanation see article 3.5. The entry in the "known problems" has been deleted. - Internet Explorers Doubled Float-Margin Bug solved
The "Doubled Float-Margin Bug" appeared in some variations of free column order in Internet Explorer. A hack to avoid this has been included in the iehacks.css file. See article 3.5. - Extreme Font-Sizing Bug
The "Extreme Font-Sizing Bug" in IE no longer occurs. The cause * { font-size: 1em } in the base.css file has been solved and replaced with * { font-size: 100% }. The associated Hack has been deleted from the iehacks.css file. - Preformatting of form elements
The browser preformatting for form elements has been retained. * { border: 0 } from the base.css file has been deleted. Form elements are now visable without related CSS formatting. - Free column order
There are some presentation problems with some column order basemod-files in Internet Explorer and Firefox. These problems have been solved. In addition the whole Article 4.4: Free column order has been rewritten and all 6 layout variations can be found in the layout-storage folder. - Automatic Link allocation
The explanation in Article 3.8 has been replaced to that effect, so that the automatic link allocation doesn't only work when putting in the relevant url but also independently of the domain. - Shiny Buttons Navigation
Presentaton error in Firefox for Linux (horizontal Scrollbars) has been repaired.
Changes in Version 2.2 [23.02.2006]
- Outsourcing Menu-CSS
The CSS definitions responsible for navigation which were previously anchored in the basemod.css file, have been moved to the nav_slidingdoor.css file. The formatting of the main navigation remains independent from the layout used and can be inserted more easily. The new navigation blocks artice explains the use of the stylesheets. - Provision of an alternative Navigations-Stylesheet
The nav_shinybuttons.css is an alterntive presentation method which can be used. For instructions on its use see article 3.7. - Editing help for Dreamweaver
Dreamweaver has a few problems correctly displaying the layouts in editor mode. There are alternative sample stylesheets in the tools/dreamweaver folder to make near WYSIWYG editing in YAML-based Websites in Dreamweaver possible. - Editing of chapter 5
Article 5.4 and 5.5 expand on and detail the possibilities of the YAML framework for commercial use. Furthermore, Article 5.1: Robust flexible Layouts has been re-written. - Replacement: Known Problems - IE
Two further small IE problems have been included, upon request for a workaround, in the list of known problems. - IE Guillotine Bug
Error correction in the iehacks.css file. The hover effects of the links in the footer haven’t until now been correctly switched off. The problem has now been solved. - Prefabricated basemod-files
All the modifications of the base layout mentioned in Article 4.4: free column order are in the css/storage folder and can be used from there.
Changes in Version 2.1.1 [26.01.2006]
- Renaming of the Print style sheet
Because of the remanimng of the columns in the source code in YAML 2.1 and the possibility of free column order, the name of the print style sheet has had to be renamed. The new name contains the numbers 1, 2 and 3 from the printed columns and relates to the order of the columns in the source code. Further information can be found in here. - Elimination of the IE Guillotine Bug
The hover effect defined in the css/content.css file for hyper links activates the the Guillotine Bug in IE/Win. This leads to annoying jumping containers in some areas when you pass over some link. A fix has been included in the css/iehacks.css file and is explained here.
Changes in Version 2.1 [18.01.2006]
- Expansion of the Tutorial
An introductory chapter explains the concept of YAML and quickly explains the most important terms. In addition, the following articles have been replaced. - Article 2.6: Floats functionality
- Article 2.7: The Clearing of #col3
- Article 3.2: IE5/Mac & Netscape 4
- Article 3.3: The base stylesheet
- Article 3.8: Print Layout
- Article 5.3: Known Problems
- Skip link-Navigation
An invisible skiplink navigation has been built in to speed up navigation. With its help the main menu and the content area can be started up. - Addition to min-width and max-width
The expressions method have been made available to replace the missing functions in IE. For details see Minimum and Maximum Widths. It is not the perfect solution but it avoids the layouts jumping to minimum or maximum widths. - Smaller IE-Bug in hr.clear_columns eliminated
The CSS property font-size: 0; from hr.clear_columns in the css/base.css file leads to an additional vertical space at the footer in Internet Explorer. This has been replaced by line-height: 0 which has eliminated the problem. In addition to this the padding and margin properties have been completely replaced in order to avoid the inheritance of these properties. - Renaming: #col2 and #col3 have been swapped
By swapping the names, the numbering of the columns is now the same in each DIV container as in the source code. This improves the general view when free column order is used. - Renaming #impressum in #topnav
In order to avoid misunderstanding, the container #impressum in #topnav has been renamed. The DIV container is meant to help the acceptance of the contact us link, search fields, script navigation or alternative language links. - Renaming of schriften_und_farben.css in content.css
Since the first version of YAML the CSS formatting in this file have been completed.
Changes in Version 2.0.1 [23.12.05]
- Accessibility of the tutorial
The layout variaton 3col_abb, which comes into action in the Tutorial and delivers a 3-column layout with 2 equal content columns has been changed. From now on both columns will be shown in the correct order, both in browsers and in print layout. (from left to right).
Changes in Version 2.0 [22.12.05]
- Preparation for IE7
All CSS Hacks have been moved from the css/base.css file to the css/iehacks.css file. The new version of Internet Explorer contains a long list of bugfixes, so that IE7 (I hope at least) renders the layout correctly without the need for adjustmets. The Conditional Comment has therefore been extended and only works upto version 6.0. - New Print Stylesheets
The Print Stylesheet has been completely redesigned. The columns which are to be printed can now be selected independently. The columns are printed in their full width on top of each other. Their position in the layout (left/center/right) can be shown in the print layout. The URL of external links is automatically printed as well. - min-width and max-width
A minimal and maximum layout width can be defined. The functionality of thise CSS property for IE is achieved through an external Javascript. - Presentation of external Links
The stylesheet css/schriften_und_farben.css contains a definition to show links, whose URLs start with http: or https:. A small arrow symbol is automatically set before these links
