Thread: CSS Gurus
View Single Post
Old 03-19-2012, 06:47 PM  
RazorSharpe
Confirmed User
 
RazorSharpe's Avatar
 
Industry Role:
Join Date: Aug 2001
Location: Scotland
Posts: 2,238
Quote:
Originally Posted by firequartz View Post
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 View Post
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 ...
__________________
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.
RazorSharpe is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote