IE6 CSS bug fix! (PAYING $20)

w1ww · 05-25-2007, 01:23 PM

*done*

stogid · 05-25-2007, 01:42 PM

Hi,

I am not sure what the exact issue is because you didnt describe problem. If it is the graphics problem and the bottom of the boxes then it should be a simple fix.

Give me more details about the problem you are having and I might have the answer for you.

Regards

Dave

Originally Posted by w1ww

Ok, I'm tired of looking at the code and I can't find what is causing so much problems.

THIS WORK IS FOR IE6!

The page in question is http://www.sumodelaranja.com/flickdrop/viewvideo.html.

CSS Firefox: http://www.sumodelaranja.com/flickdrop/all.css
????: NamePros.com http://www.namepros.com/programming/331959-ie6-css-bug-fix-paying-20-a.html
CSS IE: http://www.sumodelaranja.com/flickdrop/all_ie.css

Check the page at firefox and IE6.

The first person to come with the right solution gets the $20 (paypal)

Thank you

w1ww · 05-25-2007, 02:05 PM

Ok,

The fix is for the top and menus. It has to look like (or somewhere close) the Firefox version

DylanButler · 05-25-2007, 03:28 PM

Use a list:
Replace div class = "tabs" div with this:
<ul class="tabs">
<li><a class="this" href="http://www.sumodelaranja.com/flickdrop/viewvideo.html#">Videos</a></li>
????: NamePros.com http://www.namepros.com/showthread.php?t=331959
<li><a href="http://www.sumodelaranja.com/flickdrop/viewvideo.html#">Photos</a></li>
<li><a href="http://www.sumodelaranja.com/flickdrop/viewvideo.html#">Audio</a></li>
<li><a href="http://www.sumodelaranja.com/flickdrop/viewvideo.html#">Channels</a></li>
<li><a href="http://www.sumodelaranja.com/flickdrop/viewvideo.html#">Community</a></li>
</ul>

replace your tabs styles with:
.tabs{list-style:none; position:absolute; right:10px; bottom:0;}
.tabs li { float:left; width:100px; margin-left:5px; height:1%; }
.tabs li a { float:left;width:100px;height:31px;color:#fff;back ground-image:url(http://www.sumodelaranja.com/flickdr.../tab_greyb.gif);background-repeat:no-repeat;font-size:16px;text-decoration:none;padding-top:4px;text-align:center;}
.tabs .this, .tabs a:hover{ background:url(http://www.sumodelaranja.com/flickdr...tab_greenb.gif) no-repeat; }

and lastly, add this to header { }

position:relative;

Should work cross-browser.

05-25-2007, 01:23 PM	THREAD STARTER #1 (permalink)
w1ww NamePros Regular Join Date: Oct 2006 Location: Mars. Posts: 439	IE6 CSS bug fix! (PAYING $20) done __________________ :notme: Last edited by w1ww; 07-11-2007 at 02:35 PM.

05-25-2007, 02:05 PM	THREAD STARTER #3 (permalink)
w1ww NamePros Regular Join Date: Oct 2006 Location: Mars. Posts: 439	Ok, The fix is for the top and menus. It has to look like (or somewhere close) the Firefox version __________________ :notme:

05-25-2007, 03:28 PM	#4 (permalink)
DylanButler NamePros Regular Join Date: Jan 2006 Location: San Diego, CA Posts: 735	Use a list: Replace div class = "tabs" div with this: <ul class="tabs"> <li><a class="this" href="http://www.sumodelaranja.com/flickdrop/viewvideo.html#">Videos</a></li> ????: NamePros.com http://www.namepros.com/showthread.php?t=331959 <li><a href="http://www.sumodelaranja.com/flickdrop/viewvideo.html#">Photos</a></li> <li><a href="http://www.sumodelaranja.com/flickdrop/viewvideo.html#">Audio</a></li> <li><a href="http://www.sumodelaranja.com/flickdrop/viewvideo.html#">Channels</a></li> <li><a href="http://www.sumodelaranja.com/flickdrop/viewvideo.html#">Community</a></li> </ul> replace your tabs styles with: .tabs{list-style:none; position:absolute; right:10px; bottom:0;} .tabs li { float:left; width:100px; margin-left:5px; height:1%; } .tabs li a { float:left;width:100px;height:31px;color:#fff;back ground-image:url(http://www.sumodelaranja.com/flickdr.../tab_greyb.gif);background-repeat:no-repeat;font-size:16px;text-decoration:none;padding-top:4px;text-align:center;} .tabs .this, .tabs a:hover{ background:url(http://www.sumodelaranja.com/flickdr...tab_greenb.gif) no-repeat; } and lastly, add this to header { } position:relative; Should work cross-browser. __________________ -Dylan Butler EXAMP - San Diego Web Design

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)