HTML Alignment Issue in One MAChine Only (Both IE8)

HTML Alignment Issue in one machine only (both IE8)

Just change

<a>Helpdsk Services Admins Site</a>

to
<a style="float:left;" >Helpdsk Services Admins Site</a>

Works for me anyhow (I've had this issue before), one way the ie shows misallign, other way, it doesn't:

PS. If you prefer classes all the time, just make one for you <a> tag.

IE8 div alignment issue

I don't know that whether or not this helps but, There are two points here:

1) To get it to work on IE8, you need to declare a DOCTYPE at first, whether an HTML5 version <!DOCTYPE html> or an XHTML1.0 one, like:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

In addition, to make sure that IE8 is NOT running on Compatibility View, it's better to use following meta in the <head> section:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

2) IE8 does not support background-size property. But there is a possible fix, if you don't use a sprite image:

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path_relative_to_the_HTML_file', sizingMethod='scale')";

IE8 div alignment issue

I don't know that whether or not this helps but, There are two points here:

1) To get it to work on IE8, you need to declare a DOCTYPE at first, whether an HTML5 version <!DOCTYPE html> or an XHTML1.0 one, like:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

In addition, to make sure that IE8 is NOT running on Compatibility View, it's better to use following meta in the <head> section:

<meta http-equiv="X-UA-Compatible" content="IE=edge">

2) IE8 does not support background-size property. But there is a possible fix, if you don't use a sprite image:

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path_relative_to_the_HTML_file', sizingMethod='scale')";

IE8 ignores absolute positioning and margin:auto

I found out what's going on, and it's not the doctype, nor anything about the code that needs changes.

It's that jsbin's edit page doesn't support IE8 - the exact same demo viewed in full* is styled correctly in IE8.

In edit mode, jsbin seems to apply quirks mode or something odd like that when viewed in IE9 with IE8 browser mode and IE8 document standards. Surprisingly, the demo also works with IE7 browser mode and document standards (quirks mode off).

*the link goes to a later revision, but the only change was to remove all the attributes from the <html> tag - I had added these for testing. So, the demo is fine without those attributes, and with the html5 doctype.

HTML/CSS table right align text not working in IE

The code is syntactically malformed (width attributes take numeric or percentage values, not with px units), though this pardoned by browsers. More seriously, you are setting conflicting requirements: the table should be 660 pixels wide but consist of two 160 pixels wide cells. It is not surprising that browser behavior is inconsistent.

However, IE 8 and IE 9 behave like other browsers when in “Standards Mode”. Otherwise, in Quirks Mode, anything may happen, and you cannot call it a bug, because the document is non-conforming. So add an adequate doctype declaration.

In addition, it is best to avoid conflicting requirements. If you need to set a total width on the table in pixels, so be it. Then either set column widths so that they add up or, simpler, set e.g. the widths to 50% (for a two-column table that should be balanced).

Css style problems on input in IE8

Try specifying a line-height: 34px or thereabouts.

HTML Alignment Issue in One MAChine Only (Both IE8)