HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
background border does not show in IE6
Post new topic   Reply to topic    HTML Help Forum Index -> CSS
View previous topic :: View next topic  
Author Message
quartzy



Joined: 26 Dec 2007
Posts: 405

PostPosted: Tue May 13, 2008 4:44 am     background border does not show in IE6 Reply with quote

Well I am back to that troublesome IE6 again with a problem on the background image nbot aligning correctly with IE6, in other browsers you can see the background image along the sides of the container but in IE6 it does not show at all. Can anyone help with this?
Code:
body {
   font-family: helvicta,verdana, Arial, sans-serif;
   font-size: 0.88em;
   height: 1%;
   color: #FFFFFF;
   text-align: center;
   background-image: url('images/background.gif');
   background-color: #000000;
   background-repeat: repeat-y;
   background-position: center top;
}
#container {
   width: 798px;
   height: 100%;
   margin: auto;
   text-align: left;
   border: 1px solid #625e00;
}
#centercontent {
   width: 798px;
   float: left;
   background: #000000;
   color: #FFFFFF;
   display: inline;

you can see the effect I am after if you view in a browser that is not IE6, and then when the thing is worked in IE6, it does not show, only a bit at the top and the bottom. The background image is exactly 800px wide.
sticks464



Joined: 31 Dec 2006
Posts: 1171

PostPosted: Tue May 13, 2008 9:40 am     Reply with quote

It's very hard to tell with partial code and no image. Is the page live?
quartzy



Joined: 26 Dec 2007
Posts: 405

PostPosted: Tue May 13, 2008 11:09 am     re Reply with quote

yes its live quartzy.007sites.com, this border works with all the other browsers except IE6. thanks
sticks464



Joined: 31 Dec 2006
Posts: 1171

PostPosted: Tue May 13, 2008 1:51 pm     Reply with quote

I have played around with this for about 90 minutes. I think a separate stylesheet for IE6 is the answer.

One of the big things I noticed is the background being in the body instead of the main container which would work better. Also , doing away with some relative positioning and floats and using margins corrects alot of the problem. But some of these mess up IE7.
quartzy



Joined: 26 Dec 2007
Posts: 405

PostPosted: Wed May 14, 2008 2:45 am     re Reply with quote

thanks for your response, I did wonder whether I should put the border on the container. I am looking into some training for browser issues.
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> CSS All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial