Explorer 6 Duplicate Characters Bug

15 Feb

Complex layouts can trigger a bug where the last few characters of a floated element can appear on the cleared element below. There are several solutions; few are ideal and a little trial and error will be required:

* ensure all floated elements use display:inline;
* use a margin-right:-3px; on the last floated element
* use a conditional comment as the last item in the floated element, i.e. <!–[if !IE]>Put your commentary in here…<![endif]–>
* use an empty div in the last element of the container (it can also be necessary to set the width to 90% or similar)

Explorer 6 Duplicate Characters Bug  this is common problem which every designer face

there are some reason because of which it occurs

  • in your code there is an extra comments (HTML comments  to guide code for)
  • your floating is not clear by CSS

you can avoid this by

  • clearing your all divs by CSS
  • remove extra comments from code
  • put 2-3 divs around affected divs

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: