Weird IE 6 background image behavior

Show off new creations, get help, or just chat about all aspects of web development and design.

Weird IE 6 background image behavior

Postby Nauz on Tue May 12, 2009 2:38 pm

Hello there,

Image

Image

In firefox this problem doesn't exist, div and background blend just fine.
but in IE6 it seems like the background image is scaled smaller or something.
I couldn't find any information about this on google so i thought I'd try it here instead of giving up the background :smt023

here the body tag or whatever it's called

Code: Select all
body
   {
      margin: 0;
      min-height:768px;
      padding: 0;
      font: 85% Verdana;
      text-align: center;
      color: #D7CCBD;
      background-color: #FFFFFF;
      background-image: url(http://freenet-homepage.de/fotozottel/images/background.png);
                background-position: top center;
   }
User avatar
Nauz
Regular
Regular
 
Joined: Sat Mar 08, 2008 10:13 pm

Re: Weird IE 6 background image behavior

Postby Blink on Tue May 12, 2009 4:56 pm

Be much easier if we could see a live test page..?
User avatar
Blink
Cool 'n that
Cool 'n that
 
Joined: Fri Oct 08, 2004 4:16 pm
Location: UK

Re: Weird IE 6 background image behavior

Postby Dr. Delta on Tue May 12, 2009 5:41 pm

IE6 is anyway a pain in the ass.

And I completely agree with Blink.
User avatar
Dr. Delta
Veteran
Veteran
 
Joined: Thu Dec 27, 2007 1:18 pm
Location: People's Republic of Porygon

Re: Weird IE 6 background image behavior

Postby zombie@computer on Tue May 12, 2009 5:47 pm

just a random guess. Try html { margin 0; padding 0; }
When you are up to your neck in shit, keep your head up high
zombie@computer
Forum Goer Elite™
Forum Goer Elite™
 
Joined: Fri Dec 31, 2004 5:58 pm
Location: Lent, Netherlands

Re: Weird IE 6 background image behavior

Postby Nauz on Tue May 12, 2009 6:27 pm

Blink wrote:Be much easier if we could see a live test page..?


Well since it shows up correctly in firefox i thought its more helpful to show you screens, but here you go..

http://freenet-homepage.de/fotozottel/index.html

delta_nl wrote:IE6 is anyway a pain in the ass.


yep but i fear that people, who are going to open that page, could still have really old browsers..

zombie@computer wrote:just a random guess. Try html { margin 0; padding 0; }


sorry, im not that confirm with webcoding.. :oops:
where should i put that exactly? into the .css file? or in the body tag of the html page?
User avatar
Nauz
Regular
Regular
 
Joined: Sat Mar 08, 2008 10:13 pm

Re: Weird IE 6 background image behavior

Postby Dr. Delta on Tue May 12, 2009 6:53 pm

Nauz wrote:sorry, im not that confirm with webcoding.. :oops:
where should i put that exactly? into the .css file? or in the body tag of the html page?


You can put it in your css file, or in your html.
User avatar
Dr. Delta
Veteran
Veteran
 
Joined: Thu Dec 27, 2007 1:18 pm
Location: People's Republic of Porygon

Re: Weird IE 6 background image behavior

Postby Nauz on Tue May 12, 2009 7:03 pm

delta_nl wrote:
Nauz wrote:sorry, im not that confirm with webcoding.. :oops:
where should i put that exactly? into the .css file? or in the body tag of the html page?


You can put it in your css file, or in your html.


Have a look at the code i posted in the startpost aswell

Code: Select all
body
   {
      margin: 0;
      min-height:768px;
      padding: 0;
      font: 85% Verdana;
      text-align: center;
      color: #D7CCBD;
      background-color: #FFFFFF;
      background-image: url(http://freenet-homepage.de/fotozottel/images/background.png);
                background-position: top center;
   }


i have those already, that's why i wondered... :smt023
User avatar
Nauz
Regular
Regular
 
Joined: Sat Mar 08, 2008 10:13 pm

Re: Weird IE 6 background image behavior

Postby dark0r on Tue May 12, 2009 7:09 pm

Nothing below IE7 supports min-width or min-height. Googling that would have taken the best part of a few seconds and got the answer also instantaneously ;)
dark0r
Been Here A While
Been Here A While
 
Joined: Sat Mar 25, 2006 10:16 am
Location: de_hell

Re: Weird IE 6 background image behavior

Postby Nauz on Tue May 12, 2009 9:01 pm

it appears fine without the min-height tag aswell in firefox... i just tested around and added it for IE6, which obviously didn't lead to a fix ...

I WOULDNT HAVE POSTED IF I COULD FIND IT IN GOOGLE :?

Edit: Im helping other people in this forum and other forums a lot (modelling section mostly) and telling me i should learn to use google, especially when i mentioned in the start post that i googled a lot already and couldn't find an answer... isn't really helpful :wink:
User avatar
Nauz
Regular
Regular
 
Joined: Sat Mar 08, 2008 10:13 pm

Return to Web Design & Development

Who is online

Users browsing this forum: No registered users