CSS Gurus - GoFuckYourself.com

RazorSharpe · 03-17-2012, 05:36 AM

Any CSS gurus out there that have a few minutes to chat on ICQ? I'm having a dreadful time with what should be a trivial CSS element and I've spent about 3 hours in firebug and for the life of me, i don't know what I'm doing wrong. Maybe it's a lack of sleep or maybe I'm just stupid

In any case, if you have a few minutes to spare, please message me on 125-48-32-18

Cheers ...

RazorSharpe · 03-17-2012, 07:28 AM

No CSS gurus online that care to pit themselves against a problem? I thought for sure I'd have a few takers. Where is potter when you need him?

...

barcodes · 03-17-2012, 07:48 AM

Maybe post the snippet of code you are having an issue with here and explain what you are trying to do? Maybe the ones on don't want to get on icq right now.

Either way, best of luck with it.

VladS · 03-17-2012, 08:36 AM

Sure, drop a line -> 360 125 375

grumpy · 03-17-2012, 09:27 AM

show some code and we can help

V_RocKs · 03-17-2012, 11:22 AM

Always easier and faster to post code... Then a description of what you are trying to accomplish...

RazorSharpe · 03-17-2012, 01:07 PM

Quote:

Originally Posted by V_RocKs

Always easier and faster to post code... Then a description of what you are trying to accomplish...

Funny you should say that because I find it is always easier to see the site so I can get a better idea of what is being asked rather than snippets of code. Sometimes code just isn't enough to explain the issue, especially with a design that is very involved and not just "how do I put a border around this" .... this is one of those involved designs unfortunately.

Cheers though lads - and GSX, I'll message you in a minute mate.

VladS · 03-17-2012, 05:29 PM

Quote:

Originally Posted by RazorSharpe

[...] Cheers though lads - and GSX, I'll message you in a minute mate.

I'm not at the office right now, i'll catch you on Monday.

RazorSharpe · 03-18-2012, 03:17 AM

Quote:

Originally Posted by Gsx-R

I'm not at the office right now, i'll catch you on Monday.

No worries Gsx - had a nice chap off GFY (thanks moe) try and help but unfortunately it's still not figured out. Anyone else care to take a stab at it?

VladS · 03-18-2012, 04:23 AM

Quote:

Originally Posted by RazorSharpe

No worries Gsx - had a nice chap off GFY (thanks moe) try and help but unfortunately it's still not figured out. Anyone else care to take a stab at it?

Do drop a line if you don't solve it by tomorrow, am really curious now as to what's the big problem with it, heh.

RazorSharpe · 03-19-2012, 11:13 AM

Hi Gsx,

sent you an add request.

VladS · 03-19-2012, 11:50 AM

Quote:

Originally Posted by RazorSharpe

Hi Gsx,

sent you an add request.

Have not received anything, can you try again - 360125375.

RazorSharpe · 03-19-2012, 11:57 AM

Quote:

Originally Posted by Gsx-R

Have not received anything, can you try again - 360125375.

added you again mate

RazorSharpe · 03-19-2012, 12:52 PM

Thanks for the chat Gsx! I promise I won't spend much more time on this issue; and I'll follow your suggestion about stackoverflow. Cheers

VladS · 03-19-2012, 01:01 PM

Quote:

Originally Posted by RazorSharpe

Thanks for the chat Gsx! I promise I won't spend much more time on this issue; and I'll follow your suggestion about stackoverflow. Cheers

No problems and as stated, if you don't solve it by tomorrow, email me the FTP info.

For the rest of the people, i've taken a look via firebug and suggested he adds a defined width to a div, that fixed the problem on all browsers for me, however he uses IE9 and it seems in there the problem is not solved. I don't have IE9 here, so can't track that down.

firequartz · 03-19-2012, 02:03 PM

[QUOTE= ... that fixed the problem on all browsers for me, however he uses IE9 and it seems in there the problem is not solved. I don't have IE9 here, so can't track that down.[/QUOTE]

... which is why all my sites contain the following footnote ..

Does this page look "off" to you? For best viewing, we recommend the following internet web browsers:
Firefox - for Windows, MacOS X, and Linux systems.
Google Chrome - for Windows, MacOS X, and Linux systems.
Apple Safari - for MacOS X and Windows systems.

In my book, anyone who still uses IE deserves what they get. I do try to get everything as compatible as possible, but I no longer kill myself for IE.

RazorSharpe · 03-19-2012, 03:43 PM

Quote:

Originally Posted by firequartz

... which is why all my sites contain the following footnote ..

Does this page look "off" to you? For best viewing, we recommend the following internet web browsers:
Firefox - for Windows, MacOS X, and Linux systems.
Google Chrome - for Windows, MacOS X, and Linux systems.
Apple Safari - for MacOS X and Windows systems.

In my book, anyone who still uses IE deserves what they get. I do try to get everything as compatible as possible, but I no longer kill myself for IE.

I'm sorry but I don't buy this line of reasoning. Making things work in the 3 most popular browsers isn't normally such a hassle and there is always a work around available that will help you achieve what you set out to. In my case, I knew of a specific work around and Gsx confirmed my thinking but I'm just not entirely satisfied that I haven't done something wrong that is causing this issue which is why I am looking for a more suitable fix rather than a hack.

If you feel comfortable forcing users to change browsers because you couldn't be bothered to find a way to make things work then that's fine. Me, I'd rather find a solution to my problem.

KillerK · 03-19-2012, 04:13 PM

Quote:

Originally Posted by firequartz

... which is why all my sites contain the following footnote ..

Does this page look "off" to you? For best viewing, we recommend the following internet web browsers:
Firefox - for Windows, MacOS X, and Linux systems.
Google Chrome - for Windows, MacOS X, and Linux systems.
Apple Safari - for MacOS X and Windows systems.

In my book, anyone who still uses IE deserves what they get. I do try to get everything as compatible as possible, but I no longer kill myself for IE.

Your book leaves lots of money on the table, as IE users buy better in my experience than firefox and then chrome users.

bean-aid · 03-19-2012, 04:25 PM

Quote:

Originally Posted by KillerK

Your book leaves lots of money on the table, as IE users buy better in my experience than firefox and then chrome users.

Firefox 34.3 %
MS Internet Explorer 30.5 %
Google Chrome 12.4 %
Safari 8.4 %

Just 1 example of percentages on 1 site

RazorSharpe · 03-19-2012, 04:38 PM

Quote:

Originally Posted by beaner

Firefox 34.3 %
MS Internet Explorer 30.5 %
Google Chrome 12.4 %
Safari 8.4 %

Just 1 example of percentages on 1 site

Yes and on a techie site you'll probably find Konqueror or worse yet Lynx, my point is you design for the vast majority of your users and even in your case IE accounts for more than a third of your traffic.

I can't believe we're still having these conversations in 2012!!

CyberHustler · 03-19-2012, 04:40 PM

Oh me too me too... here's % of one of my sites

Quote:

MS Internet Explorer 23.3 %
Android browser 18.1 %

Firefox 16.4 %
Google Chrome 16.2 %
Safari 14.5 %
Opera 3.3 %
LG (PDA/Phone browser) 1.6 %
Unknown 1.5%
Mozilla 1.4%
Samsung (PDA/Phone browser 1.3%
Others 1.9%

bean-aid · 03-19-2012, 04:59 PM

Quote:

Originally Posted by RazorSharpe

Yes and on a techie site you'll probably find Konqueror or worse yet Lynx, my point is you design for the vast majority of your users and even in your case IE accounts for more than a third of your traffic.

I can't believe we're still having these conversations in 2012!!

Here is an example of browsers on a mainstream site:

MS Internet Explorer 64.9 %
Firefox 17.5 %
Google Chrome 12.5 %
Safari 3.7 %

RazorSharpe · 03-19-2012, 05:03 PM

Quote:

Originally Posted by beaner

Here is an example of browsers on a mainstream site:

MS Internet Explorer 64.9 %
Firefox 17.5 %
Google Chrome 12.5 %
Safari 3.7 %

Ok, I'm not the one saying we should give up on IE

I am suggesting you design for all the major browsers so in your case IE, FF and Chrome. I guess this would be the same for most sites though.

HomerSimpson · 03-19-2012, 05:06 PM

firebug is crap...
google chrome rocks in debugging css and stufff...

contact me it's still not solved...

bean-aid · 03-19-2012, 05:07 PM

Quote:

Originally Posted by firequartz

... In my book, anyone who still uses IE deserves what they get. I do try to get everything as compatible as possible, but I no longer kill myself for IE.

Quote:

Originally Posted by RazorSharpe

Ok, I'm not the one saying we should give up on IE

I am suggesting you design for all the major browsers so in your case IE, FF and Chrome. I guess this would be the same for most sites though.

I know... it was a response to the quote above yours.

RazorSharpe · 03-19-2012, 05:11 PM

Quote:

Originally Posted by beaner

I know... it was a response to the quote above yours.

Ah, ok

Got my wires crossed there!

firequartz · 03-19-2012, 05:40 PM

Like I said ... I endeavor to make sure all browsers render my sites well .. and last I checked none of my sites have a problem with the most recent versions of IE (8+ for sure .. I'm pretty sure 7 too .. haven't gotten any eMails about it anyway).

I'm just not a fan of letting the tail wag the dog. It gets to a point where the extra hassle just isn't worth it.

My theory is if you're not willing to update a free browser, I'm guessing you're not about to go into your wallet for anything I'm promoting. If nothing else, it probably cuts down on freeloader traffic. Well .. it's a theory anyway ...

RazorSharpe · 03-19-2012, 05:47 PM

Quote:

Originally Posted by firequartz

Like I said ... I endeavor to make sure all browsers render my sites well .. and last I checked none of my sites have a problem with the most recent versions of IE (8+ for sure .. I'm pretty sure 7 too .. haven't gotten any eMails about it anyway).

I'm just not a fan of letting the tail wag the dog. It gets to a point where the extra hassle just isn't worth it.

My theory is if you're not willing to update a free browser, I'm guessing you're not about to go into your wallet for anything I'm promoting. If nothing else, it probably cuts down on freeloader traffic. Well .. it's a theory anyway ...

Any by the same token bona fide paying customers will say, "If this guy isn't willing to make the effort to make his site work on the browser I use, I'll spend my money elsewhere".

Why make people work even harder to pay you for your sites when you can spend a little extra time and make it easier for them?

firequartz · 03-19-2012, 06:03 PM

Again .. we're pretty much talking theory here. To my knowledge and at last check .. my sites render properly with "the big four" ... (last three versions of each anyway) ... but I think we do a potential disservice by making sites "too backward compatible" ... users should be encouraged to keep their systems as current as possible .. especially when it doesn't cost them anything. It's better for them .. and better for us in terms of the level of sophisticated experiences we can provide.

And if looking at naked people being sexy (or nasty) isn't motivation enough .. hell .. what is?

RazorSharpe · 03-19-2012, 06:18 PM

Quote:

Originally Posted by firequartz

Again .. we're pretty much talking theory here. To my knowledge and at last check .. my sites render properly with "the big four" ... (last three versions of each anyway) ... but I think we do a potential disservice by making sites "too backward compatible" ... users should be encouraged to keep their systems as current as possible .. especially when it doesn't cost them anything. It's better for them .. and better for us in terms of the level of sophisticated experiences we can provide.

And if looking at naked people being sexy (or nasty) isn't motivation enough .. hell .. what is?

This is probably why you haven't been making sense to me. My issue isn't backwards compatibility but the issue in question is manifesting itself in the latest versions of FF and IE. I am not aiming for backwards compatibility at this stage but I will settle for it working like it should in current browser versions

firequartz · 03-19-2012, 06:22 PM

oh ... that's different ... nevermind

Okay .. now you've got me curious ... can you PM me the url or code .. just because I may be philosophically against something doesn't mean I can't do it.

barcodes · 03-19-2012, 06:24 PM

If it isn't working in 9 gotta make a redirect for 9 or less and modify the code.
Im sure you guys already know that, just throwing it out there anyway.

this may help you guys as far as viewing the problem on an older browser.
http://browsershots.org/

Best of luck

barcodes · 03-19-2012, 06:31 PM

http://css-tricks.com/how-to-create-...ly-stylesheet/

RazorSharpe · 03-19-2012, 06:47 PM

Quote:

Originally Posted by firequartz

oh ... that's different ... nevermind

Okay .. now you've got me curious ... can you PM me the url or code .. just because I may be philosophically against something doesn't mean I can't do it.

Quote:

Originally Posted by barcodes

If it isn't working in 9 gotta make a redirect for 9 or less and modify the code.
Im sure you guys already know that, just throwing it out there anyway.

this may help you guys as far as viewing the problem on an older browser.
http://browsershots.org/

Best of luck

Didn't want to post the site name on GFY since it's mainstream so I'll do the next best thing and post the issue via a txt file.

http://cdnetworx.com/cssissue.txt

All the info required is in there - I'll try any reasonable fix bar ones that require me to make core changes to plugins since this gets very difficult to maintain with upgrades.

I'm sure a few of you will pick up on this so I'll put it out there from the get go. In these sub menus we have 2 floated columns. Now in order for floated columns to display side by side, the container they are inside of must have a width that can accommodate them or the float will drop (as it should) and this is what is happening in IE and FF. If you remove this snippet of code:
#megaMenu ul li#menu-item-225 {
position:relative !important;
}

You'll see that the columns render correctly but there is no alignment. If the container isn't big enough when I have it position relative it shouldn't be big enough when position relative is removed (but it seems to be). This baffles me. It displays the same in all browsers when position relative is removed.

Have at it lads, time for me to go to bed but I will try all suggestions when I crawl out of bed in the morning.

Cheers ...

firequartz · 03-19-2012, 07:05 PM

Actually I'm seeing an issue in all browsers with the "Shop by Brands" and "Watches" menu not lining up correctly at all .. in addition to the "Jewellery for Him" menu issues in FF/IE ..

May have to stew on this a while.

firequartz · 03-20-2012, 07:30 AM

After a little sleep .. looked at your code a bit more. It seems you've figured it out, that is, IE (and surprisingly FF) may actually require the width parameter .. I've run across similar issues on other projects .. it's not really a hack .. just the way the browser was designed to parse CSS.

03-17-2012, 05:36 AM	#1
RazorSharpe Confirmed User Industry Role: Join Date: Aug 2001 Location: Scotland Posts: 2,238	CSS Gurus Any CSS gurus out there that have a few minutes to chat on ICQ? I'm having a dreadful time with what should be a trivial CSS element and I've spent about 3 hours in firebug and for the life of me, i don't know what I'm doing wrong. Maybe it's a lack of sleep or maybe I'm just stupid In any case, if you have a few minutes to spare, please message me on 125-48-32-18 Cheers ... __________________ Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

03-17-2012, 07:28 AM	#2
RazorSharpe Confirmed User Industry Role: Join Date: Aug 2001 Location: Scotland Posts: 2,238	No CSS gurus online that care to pit themselves against a problem? I thought for sure I'd have a few takers. Where is potter when you need him? ... __________________ Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

03-17-2012, 08:36 AM	#4
VladS Available for Coding Work Industry Role: Join Date: Jun 2008 Posts: 1,432	Sure, drop a line -> 360 125 375 __________________ <developer> MechBunny / KVS / PHP / MySQL / HTML5 / CSS3 / jQuery Email: vlad [at] faxite.com Telegram: @dangerouscoding

03-17-2012, 09:27 AM	#5
grumpy Too lazy to set a custom title Join Date: Jan 2002 Location: Holland Posts: 9,870	show some code and we can help __________________ Don't let greediness blur your vision \| You gotta let some shit slide icq - 441-456-888

03-19-2012, 11:13 AM	#11
RazorSharpe Confirmed User Industry Role: Join Date: Aug 2001 Location: Scotland Posts: 2,238	Hi Gsx, sent you an add request. __________________ Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

03-17-2012, 07:48 AM	#3
barcodes Confirmed User Industry Role: Join Date: Mar 2011 Location: Florida Posts: 2,040	Maybe post the snippet of code you are having an issue with here and explain what you are trying to do? Maybe the ones on don't want to get on icq right now. Either way, best of luck with it.

03-17-2012, 11:22 AM	#6
V_RocKs Damn Right I Kiss Ass! Industry Role: Join Date: Dec 2003 Location: Cowtown, USA Posts: 32,391	Always easier and faster to post code... Then a description of what you are trying to accomplish...

03-19-2012, 12:52 PM	#14
RazorSharpe Confirmed User Industry Role: Join Date: Aug 2001 Location: Scotland Posts: 2,238	Thanks for the chat Gsx! I promise I won't spend much more time on this issue; and I'll follow your suggestion about stackoverflow. Cheers __________________ Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

03-19-2012, 02:03 PM	#16
firequartz Confirmed User Industry Role: Join Date: Jan 2005 Location: Charlotte, NC Posts: 125	[QUOTE= ... that fixed the problem on all browsers for me, however he uses IE9 and it seems in there the problem is not solved. I don't have IE9 here, so can't track that down.[/QUOTE] ... which is why all my sites contain the following footnote .. Does this page look "off" to you? For best viewing, we recommend the following internet web browsers: Firefox - for Windows, MacOS X, and Linux systems. Google Chrome - for Windows, MacOS X, and Linux systems. Apple Safari - for MacOS X and Windows systems. In my book, anyone who still uses IE deserves what they get. I do try to get everything as compatible as possible, but I no longer kill myself for IE. __________________ -fQ- modelswelove.com foxynetbabes.com xwebgirls.com adultvideolocker.com bunnyhoneys.com penthousehoneys.com Last edited by firequartz; 03-19-2012 at 02:11 PM..

03-19-2012, 05:06 PM	#24
HomerSimpson Too lazy to set a custom title Industry Role: Join Date: Sep 2005 Location: Springfield Posts: 13,826	firebug is crap... google chrome rocks in debugging css and stufff... contact me it's still not solved... __________________ Make a bank with Chaturbate - the best selling webcam program Ads that can't be block with AdBlockers !!! /// Best paying popup program (Bitcoin payouts) !!! PHP, MySql, Smarty, CodeIgniter, Laravel, WordPress, NATS... fixing stuff, server migrations & optimizations... My ICQ: 27429884 \| Email:

03-19-2012, 05:40 PM	#27
firequartz Confirmed User Industry Role: Join Date: Jan 2005 Location: Charlotte, NC Posts: 125	Like I said ... I endeavor to make sure all browsers render my sites well .. and last I checked none of my sites have a problem with the most recent versions of IE (8+ for sure .. I'm pretty sure 7 too .. haven't gotten any eMails about it anyway). I'm just not a fan of letting the tail wag the dog. It gets to a point where the extra hassle just isn't worth it. My theory is if you're not willing to update a free browser, I'm guessing you're not about to go into your wallet for anything I'm promoting. If nothing else, it probably cuts down on freeloader traffic. Well .. it's a theory anyway ... __________________ -fQ- modelswelove.com foxynetbabes.com xwebgirls.com adultvideolocker.com bunnyhoneys.com penthousehoneys.com

03-19-2012, 06:03 PM	#29
firequartz Confirmed User Industry Role: Join Date: Jan 2005 Location: Charlotte, NC Posts: 125	Again .. we're pretty much talking theory here. To my knowledge and at last check .. my sites render properly with "the big four" ... (last three versions of each anyway) ... but I think we do a potential disservice by making sites "too backward compatible" ... users should be encouraged to keep their systems as current as possible .. especially when it doesn't cost them anything. It's better for them .. and better for us in terms of the level of sophisticated experiences we can provide. And if looking at naked people being sexy (or nasty) isn't motivation enough .. hell .. what is? __________________ -fQ- modelswelove.com foxynetbabes.com xwebgirls.com adultvideolocker.com bunnyhoneys.com penthousehoneys.com

03-19-2012, 06:22 PM	#31
firequartz Confirmed User Industry Role: Join Date: Jan 2005 Location: Charlotte, NC Posts: 125	oh ... that's different ... nevermind Okay .. now you've got me curious ... can you PM me the url or code .. just because I may be philosophically against something doesn't mean I can't do it. __________________ -fQ- modelswelove.com foxynetbabes.com xwebgirls.com adultvideolocker.com bunnyhoneys.com penthousehoneys.com

03-19-2012, 06:24 PM	#32
barcodes Confirmed User Industry Role: Join Date: Mar 2011 Location: Florida Posts: 2,040	If it isn't working in 9 gotta make a redirect for 9 or less and modify the code. Im sure you guys already know that, just throwing it out there anyway. this may help you guys as far as viewing the problem on an older browser. http://browsershots.org/ Best of luck

03-19-2012, 06:31 PM	#33
barcodes Confirmed User Industry Role: Join Date: Mar 2011 Location: Florida Posts: 2,040	http://css-tricks.com/how-to-create-...ly-stylesheet/

03-19-2012, 07:05 PM	#35
firequartz Confirmed User Industry Role: Join Date: Jan 2005 Location: Charlotte, NC Posts: 125	Actually I'm seeing an issue in all browsers with the "Shop by Brands" and "Watches" menu not lining up correctly at all .. in addition to the "Jewellery for Him" menu issues in FF/IE .. May have to stew on this a while. __________________ -fQ- modelswelove.com foxynetbabes.com xwebgirls.com adultvideolocker.com bunnyhoneys.com penthousehoneys.com

03-20-2012, 07:30 AM	#36
firequartz Confirmed User Industry Role: Join Date: Jan 2005 Location: Charlotte, NC Posts: 125	After a little sleep .. looked at your code a bit more. It seems you've figured it out, that is, IE (and surprisingly FF) may actually require the width parameter .. I've run across similar issues on other projects .. it's not really a hack .. just the way the browser was designed to parse CSS. __________________ -fQ- modelswelove.com foxynetbabes.com xwebgirls.com adultvideolocker.com bunnyhoneys.com penthousehoneys.com