?
Solved

css 1px problem in IE6

Posted on 2007-10-18
4
Medium Priority
?
484 Views
Last Modified: 2011-10-03
IE6 is 1 pixel out  on this page

http://ayaya-net.com/      // Then click on this image link in the top right
http://img.shop-pro.jp/tmpl_img/19/headermenu_inq.gif

to get taken to
https://secure.shop-pro.jp/?mode=inq&shop_id=PA01020046

sorry i cant link directly there but the CMS system doesnt allow it.

IE6 in full screen mode is placing the background of the bottom graphic 1 px to the right.  This is the "copyright" class.  I cant figure out why.  

I cant touch the html on this page only the css.  Another FEATURE of the CMS. :(

could sombody help me isolate the CSS that is causing this outage in ie6 please

really frustrating. firefox looks fine.
0
Comment
Question by:ussher
  • 2
  • 2
4 Comments
 
LVL 9

Accepted Solution

by:
brunoguimaraes earned 2000 total points
ID: 20099955
Hi! There is a little trick you can do, so the CSS gets processed only by IE6.

Leave your copyright class as it is, and create another copyright class below the original one, but like this:

* html .copyright{
height: 100px;
background:transparent url(http://img06.shop-pro.jp/PA01020/046/etc/wrapper_footer_cart.gif) no-repeat;
background-position:center bottom;
padding:0px;
margin:0px;
border:0px;
background-width:604px;
}

This * html is only recognized by IE6 and below versions. You can then change the values for margin, border, or whatever you need to do to make the background right. It will NOT affect Firefox, IE7, etc. So you have nothing to worry!
0
 
LVL 1

Author Comment

by:ussher
ID: 20099989
Hi,

Thanks for the hint, but the problem is i dont know what to change.  notice the background-width tag that i put in..... there is no such tag.  just trying to get rid of whatever it is that is causing that space in ie6

I just cant figure out why that $#%#@ browser does everything differently...

in firefox i use firebug to instantly tell me what needs changing but in IE6 i just have to guess at everything.  I have exhauseted my limited guesses.  I have no idea why it is moving 1 px.  and only when the screen is at fullscreen display.



0
 
LVL 1

Author Comment

by:ussher
ID: 20100024
thanks brunoguimaraes,

* html .copyright{
height: 100px;
background:transparent url(http://img06.shop-pro.jp/PA01020/046/etc/wrapper_footer_cart.gif) no-repeat;
background-position:center bottom;
padding:0px;
margin-left:-1px;
border:0px;
}

i did a minus 1 on the margin and that got it.  thanks very much for your help
0
 
LVL 9

Expert Comment

by:brunoguimaraes
ID: 20100043
No problem! Glad I could help you!
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

578 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question