IE6 Problem with navigation background images

This is a discussion on "IE6 Problem with navigation background images" within the Web Page Design section. This forum, and the thread "IE6 Problem with navigation background images are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old May 1st, 2007, 14:51
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
IE6 Problem with navigation background images

Hi,
Anyone have any ideas why the navigation background image is not appearing correctly in IE6? It's fine in IE7 and FF2.
www.razzleberriesdesigns.com

Thank you very much in advance!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old May 1st, 2007, 15:17
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: IE6 Problem with navigation background images

On a side note: your clearing css.

Change:

.clear {
clear: both;
}

To:

.clear {
height:1px;
margin:0 0 -1px 0;
clear:both;
overflow:hidden;
}

Would be working better for ya.

As for your image problem try changing

background: url(web%20graphic/sign.jpg) no-repeat;

to

background: url(web%20graphic/sign.jpg) left top no-repeat;

Code: Select all
ul.nav li a {
width: 138px;
height: 42px;
display: block;
font: bold 12px Georgia, "Times New Roman", Times, sans-serif;
text-decoration: none;
padding: 12px 0 0 0;
background: url(web%20graphic/sign.jpg)left top no-repeat;
color: #952D47;
}
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)

Last edited by moojoo; May 1st, 2007 at 15:22.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old May 1st, 2007, 15:41
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: IE6 Problem with navigation background images

Thanks Moojoo... no change in the background image in IE6!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old May 1st, 2007, 16:52
craig's Avatar
Reputable Member
Join Date: Sep 2005
Location: Preston, UK
Age: 21
Posts: 382
Thanks: 0
Thanked 0 Times in 0 Posts
Re: IE6 Problem with navigation background images

I dont have much time but play around with the z-index property, this tends to fix things in IE6

Or the display property.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old May 1st, 2007, 18:52
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: IE6 Problem with navigation background images

I'm getting close, I fixed the background image by setting the
Code: Select all
ul.nav a:link, ul.nav a:visited { width: auto}
Now I just have some extra spacing that I need to get rid up under the nav bar in IE6!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old May 1st, 2007, 18:54
craig's Avatar
Reputable Member
Join Date: Sep 2005
Location: Preston, UK
Age: 21
Posts: 382
Thanks: 0
Thanked 0 Times in 0 Posts
Re: IE6 Problem with navigation background images

For the extra space try

display: inline;
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old May 1st, 2007, 18:55
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: IE6 Problem with navigation background images

Thanks Craig.. fixed the extra space by correcting the height of the header.
All set!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
background images, ie6, padding

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Is it possible to have 2 background images? lmc148 Web Page Design 8 Jun 17th, 2008 01:46
how can I tile 2 background images one on top of another? oneup Web Page Design 2 Feb 18th, 2008 19:11
Putting navigation list on top of background image Kurt Web Page Design 5 Sep 16th, 2007 07:19
Problem with css content box made from divs and background images weasel Web Page Design 3 Aug 9th, 2007 22:48
Rpeating images (not pg background) johnnybravo Web Page Design 5 Aug 6th, 2006 14:59


All times are GMT. The time now is 00:48.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42