ie6 problem

i have a background image in my css
it looks good except in ie6 which a line appears as the right border
any idea on how to get rid of it

 

Without checking it, I can only guess: maybe you are using the repeat-y CSS property.

 

Here's a tip to help in your future development, since 80-85% of internet users still use IE, design for IE first and make it look good there, then test in other browsers (instead of the reverse). Most of the time it will look right in other browsers if you have it looking right in IE. It will make your life easier.

If your design has a problem in IE, then the design has a problem, period. I know that IE sucks, and I prefer Firefox, but we have to design for what most people have, which is still IE.

 

NO! DO NOT DESIGN FOR IE FIRST!

Test in each browser incrementally as you go along. Get a copy of IE 6 and 7, Firefox, Opera and Safari. If you're using Windows XP, upgrade to Internet Explorer 7 (Vista comes with it by default). Then go to http://tredosoft.com/Multiple_IE and then read www.positioniseverything.net/articles/multiIE.html (and follow the instructions TO THE LETTER).

Then go to www.getfirefox.com www.opera.com/download and www.apple.com/safari (don't install Bonjur or anything else, and always go with a custom install).

Next, choose a proper and complete DOCTYPE. I prefer XHTML 1.0 Strict (without the XML declaration), but HTML 4.01 Strict works just as well. I also prefer not using deprecated (obsolete, and soon to be removed completely) code, so stick with a strict DOCTYPE.

Use the bare minimum of HTML necessary to define the page's structure. As for the use of CSS, every HTML element is in essence an "object" so use your CSS to target those "objects" rather than wrapping DIVs around everything, using more classes and IDs than necessary and make sure your code validates.

And finally, test in each browser as you go along. if you add something, check in each browser. Made a change? Check again. Also validate your code on a regular basis as well. What you'll be doing is debugging as you go along, which can save HOURS on cleaning up at the end.

 

no ****. Dont' design for ANY browser 'first' - design for all browsers AT ONCE.

and that is how you DO it.

Design for IE first - that's the biggest /FAIL/ out there given that even IE7 STILL has box-model issues and is overforgiving of invalid code.

Of course, god forbid anyone be expected to write valid HTML.

 

@ /FAIL/

Jeez, you've been here like 1 week and have more posts than me

 

He's been here longer than that.

 

thanks i figured it out
how can i check for mac?

 

As I said earlier, go to www.apple.com/safari and download the Safari 3 beta for Windows.

The other browsers on the Mac use the Gecko (Firefox) and Presto (Opera) rendering engines and render virtualy identically to their Windows counterparts, so you'll be good to go with a single install.

 

great
thanks
i downloaded safari
as far as my problem it still remains
i can do one of the two things to get rid of the space
a-increase the size of the header to a few pixels larger than the main container div
2-i can add a margin to the left side
option one is not going to work since the width is 100%
second option is to add the margin but then it will mess up the other browsers