[Fixed] I Need CSS Help
I'm nearly at my wits end trying to fix the CSS that works perfectly in IE6 (go figure), but looks absolutely craptastic in Firefox, IE7, Safari... etc. I beseech the incredible designers here to give the site a look & possibly lend a tip or two on making this work.
I appreciate your help FAR in advance, and will even find a way to pay you back. Thank you.
Get updates with RSS
Be the first to know about new products and free stuff from IconBuffet. Subscribe to our RSS feed:
Find work or post a listing at Authentic Jobs.
anti on Apr 17, 2008
Oh, and that's the problem then, far simpler to get it working in Firefox first. :)
If somebody else don't stop by before tomorrow, I promise to take a look sometime when it's not midnight!
bjendrick on Apr 17, 2008
Thank you, Anti. At least the client demo is in IE6, but in the next few days, I'm hoping to have it working.
anti on Apr 17, 2008
might be a quick fix.
louiemctool on Apr 18, 2008
I don't suppose you have a target image you're working from?
almost looks like there my be some structure issues, not just CSS...
:)
roderblue on Apr 18, 2008
You have two floating divs inside the div #content, but the #content div itself isn't floating. I've found that in FireFox, whenever something is acting goofy like this (traits not carrying through), it's usually a div float that's gone missing. FireFox likes divs that are floating to be inside other divs that are floating. If you add "float:left;" to your #content declaration, you should find everything working properly.
I'm on a PC running XP on FireFox 2.x right now, so I can only guess as to what the page looks like in IE 6, but if the issue was the blue background showing instead of the grey, this should be your fix. Be sure to regression-check it in the IE version that it currently works in; nothing worse than a fix that breaks something else.
Let me know if that works for you.
bjendrick on Apr 18, 2008
@louiemctool: The target image (sorry for leaving it out) is: greyfade.gif
@roderblue: You! Are a friggin' ROCKSTAR! Thank you, thank you, thank you. Seriously, let me know if there is something I can do to repay you. You saved the rest of my hair.
@all: I know that the layout is complicated, but that was because I built the page after a graphics guy drew it in Photoshop. So I'm highly aware that I could have a few "issues" in the structure.
If you're inclined to point out issues, I'm always willing to learn from my mistakes. I think I've learned quite a bit of CSS, but also know that I'm much farther away than I'd like to be.
Once again, thank you all for your help!
pascek on Apr 18, 2008
Just to point something... If you want a no-float div above or under two floating divs you only have to give this one the property "clear:both".
I'll take a look at the site as soon as I get a free second from my work.
roderblue on Apr 18, 2008
Glad it worked out. :)