CODEWITHSUNDEEP
htmlcssinternet-explorer
Ahmet Can
Ahmet Can

Reputation: 65

Css issue with Internet Explorer

Hi am trying to add 2 buttons sliding with the page. I mean position:fixed

My website is working well on every browser except Internet Explorer.

Please take a lool to it: Website

As you see live-chat button and bookmark-us button is sliding with all browsers except Internet Eplorer.

Thank you for your helps.

Upvotes: 1

Views: 95

Answers (4)

thirtydot
thirtydot

Reputation: 228152

The first two lines of your HTML are:

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

Remove the comment above the doctype, because it's causing your site to be displayed in quirks mode.

position: fixed does not work in IE's quirks mode.

Upvotes: 3

The Alpha
The Alpha

Reputation: 146191

Try this http://jsfiddle.net/RftZy/1/ This works.

.live-chat {
   position: fixed;
   height: 112px;
   width: 32px;
   z-index: 1001;
   top: 40%;
   left: -2px;
}

Upvotes: 1

Steven Leimberg
Steven Leimberg

Reputation: 785

Check this out:

http://tagsoup.com/cookbook/css/fixed/

might help.

Upvotes: 0

Adam Fowler
Adam Fowler

Reputation: 1751

Thank you for making us go to your website to look at the code...

Internet Explorer can't render CSS like other browsers can. One thing you can count on is that sometimes the CSS has to be in the same order of the Elements in order to render correctly. Also look online for good solutions.

Upvotes: 0

Related Questions