Results 1 to 5 of 5

Thread: How to fix Z index problem in Google Chrome

  1. #1
    Join Date
    Mar 2009
    Posts
    36

    How to fix Z index problem in Google Chrome

    I am construction a sample of website for an project work. The banner part which I made using three layers is working good in Internet Explorer. But the story is different in google chrome. Google Chrome has disregarded all the positioning of layers. Now what changes will I need to do to make it work in Google Chrome. If I view the website in Chrome all the layers are placed over each other. Other thing I want to add a banner at the top left corner of the web page. It takes the headers position on the page. But the banner is not displaying properly. It shows the simple text without any formatting.

  2. #2
    Join Date
    Apr 2008
    Posts
    1,948

    Re: How fix Z index problem in Google Chrome

    The better practice is to design the web page compatible to Google Chrome and Fire Fox and later it you can try it on Internet Explorer. Here I am using IE and the browser is not enough capable to store the z-index vlaue for a hovered element. For eg there is an image which I want to hove up on the old one. And the size is bit increased here while zooming. What I want to do is to shift the text while zooming. But it not working as I want it. Then I concluded that it was not the z-index issue. It is due to the image. You just need to apply a position:relative declaration properly and here you are done.

  3. #3
    Join Date
    May 2008
    Posts
    2,012

    Re: How fix Z index problem in Google Chrome

    As compare to other browser, Internet Explorer is more moderate browser in case of errors. I will advice you to learn the standard of code rather than attributes style of a particular browser. This will give you an general idea about your work. I am listing some examples as per my web page. Like for example the attribute - height="90"; is an invalid CSS. You will need to correct it to the following like - height:90px;. Now can identify where is your mistake. Just some simple errors your whole work can be a mess. Refer back to your codes and look at the standard of your attributes.

  4. #4
    Join Date
    Apr 2008
    Posts
    2,005

    Re: How fix Z index problem in Google Chrome

    For the banner part of you web page why don't you try setting the z index of the wrap div. There are multiple issue regarding Z index over lapping with browser. Some is termed as a browser incompatibility. Normally in the IE browser the is due to CSS. Before applying the Z index you will need to understand it clearly. Go the net and look out for free sample code related to z-index layer issue. First try them out and then apply to your web site.

  5. #5
    Join Date
    Oct 2008
    Posts
    2

    Re: How to fix Z index problem in Google Chrome

    you have to make your element a positioned element.
    Last edited by Maqbool; 27-11-2010 at 05:20 AM. Reason: External Links Not Allowed, Removed The Same.

Similar Threads

  1. Does Google decides which content to index & what not to index?
    By Uddhav in forum Technology & Internet
    Replies: 5
    Last Post: 04-03-2010, 07:37 PM
  2. Speed dial problem in Google Chrome
    By technika in forum Technology & Internet
    Replies: 5
    Last Post: 28-01-2010, 08:23 PM
  3. Problem with the Google Chrome
    By Cisco-s in forum Technology & Internet
    Replies: 5
    Last Post: 25-12-2009, 09:12 PM
  4. Google Chrome Skin Problem on Windows Xp
    By tecHAMMER in forum Customize Desktop
    Replies: 3
    Last Post: 26-11-2009, 11:20 AM
  5. Problem with Google Chrome Web Browser
    By Aakarshan.d in forum Technology & Internet
    Replies: 4
    Last Post: 26-02-2009, 08:32 AM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Page generated in 1,711,641,814.18166 seconds with 17 queries