Weblink India.Net – Blogs

Ideas & Inspiration for web design and web development

Posts Tagged ‘Internet Browser’

Inline-Block – A tool to fix margin bugs in style-sheet

Posted by weblinkindia on July 5, 2010

Before the year 2004 when Internet Explorer 6 was dominating browser market share, netizens used to face severe problems of Float Margins in the said version of explorer. During this period, tech experts were unable to fix the problem in an altogether manner, which had lead netizens to work along with the unfixable bug. The bug was entailing great variations in the ‘setting of margin’, further playing havoc with the display of any object on the web page.

But, with the onset of CSS’s Inline-Block property in later 2004, the setting of margin in IE6 had seen great transformation, as the developers could now display certain HTML elements, on a web page, as per a visitor’s convenience.

The blog is purported to make you aware of the basics of Inline Block as well as its functioning.

What exactly is Inline-Block?

Inline-Block has become popular amid a host of developers as a display property that enables them to define how certain HTML elements would be exhibited on any web page. It allows CSS developers to define IE6′s margins to behave in the desired manner.

Know how the property works: -

In IE6, where floating an element and giving it a desired margin was an impossible task for the developers, Inline Block property/value has facilitated them to fix this bug with an IE6 hack. The value enable developers to set the margin, which is half the value of the original or else could also be adjusted by giving the element’s display property a value of inline-block, in IE6. The property Inline-Block has significantly helped developers to resolve the issue in the most of cases.

The above description of facts about Inline block property will enable you to get hold over its nitty-gritties and somehow empower you to utilize the property to fix margin bugs in your style-sheet.
Web Design India

Posted in Internet Browser | Tagged: , | Leave a Comment »

CSS differences in Internet Explorer

Posted by weblinkindia on November 28, 2009

With the coming of CSS, the world of web was refreshed and was breathed with a new life. Color, stylized fonts, borders, margins, etc. were used in order to make a web page or site attractive. There are several browsers on which web sites or pages are opened. The web developers had to test their work in different browsers so that everyone has access to their work. Internet Explorer or IE is the most accessed browsers but there are various differences in its 3 versions especially in their support of CSS.

Why designers should have knowledge of CSS differences?

Every site designed for promotion, aims to receive higher search engine rankings. For achieving it they need to apply numerous CSS tips. Here you are provided with some useful points or differences that are present in different versions of IE.

The major differences that are to be found in different versions of Explorer are:
>> Selectors & Inheritance
>> Property Support
>> Significant Bugs and Incompatibilities
>> Other Miscellaneous Techniques

Selectors & Inheritance:  Selectors are part of CSS techniques that help in optimization and saves on a lot of time. There are numerous kinds of selectors like Child Selectors, Chained Classes, Attribute Selectors, Adjacent Sibling Selectors and General Sibling Selectors. These selectors are supported by one browser and not supported by the other. All these selectors are supported by the latest versions of IE7 and 1E8 and not by IE6.

Property Support:  Different properties of CSS like Fixed-Position Elements, Transparent Border Color, Max-Height & Max-Width, Min-Height & Min-Width, Property Value “inherit”, Border Spacing on Table Cells, Rendering of Empty Cells in Tables, Vertical Position of a Table Caption, Clipping Regions Orphaned and Widowed Text in Printed Pages, Page Breaks Inside Boxes, Outline Properties, Alternative Values for the Display Property and Virtual Dimensions Determined by Position are not supported by all browsers. These properties are responsible for giving a webpage or website a new and appealing appearance. All these are supported by IE7 and IE8 and not by the older version, IE6.

Significant Bugs and Incompatibilities: There are various incompatibilities and bugs in IE6 and IE7 that a web designer must know in order to create a well-designed and optimized site.

Bugs in IE6:

  • It Doesn’t support styling of the element
  • Doesn’t support IDs and classes that begin with an underscore or hyphen.
  • It Offers only fractional support for @font-face
  • Dotted borders appear almost identical to dashed borders, etc.

    • Bugs in IE7:

  • List items for a list that is ordered, its layout will not increment their numbers
  • Offers only fractional support for @font-face.
  • List items don’t support all possible values for list-style-type
  • List items that have a specified list-style-image will not be able to display the floated image.

    • Apart from these many other bugs occur in different situations.

    Other Miscellaneous Techniques: The advanced techniques like Media Types for @import, Incrementing of Counter Values and Quote Characters for Generated Content are only supported by IE8.

    Knowledge of these differences will help a web site developer in framing a browser friendly site that will be supported by all three versions of Internet Explorer. Our CSS guideline will help your site acquire higher search engine rankings.

    Posted in CSS, Internet Browser | Tagged: , , | Leave a Comment »