• We’re currently investigating an issue related to the forum theme and styling that is impacting page layout and visual formatting. The problem has been identified, and we are actively working on a resolution. There is no impact to user data or functionality, this is strictly a front-end display issue. We’ll post an update once the fix has been deployed. Thanks for your patience while we get this sorted.

Any CSS gurus here? Help badly needed.

E

envisioncs

Member
Ok, maybe someone here can help me solve my problem. I am setting up my personal site using CSS in a three column layout. I had everything looking good in IE6 and Opera, but of course IE5.x had issues with column width etc. I found solutions at bluerobot.com and glish.com.

So last night I tweaked everything to match the versions of IE, but now Opera freaks out. The banner area vertical dimensions changed (even though I didn't change them) and the content in the center column overlaps itself.

Here is how its supposed to look (IE6).
http://www.benbailey.net/ieview.gif

Here is what it looks like in Opera
http://www.benbailey.net/operaoverlap.gif

Any suggestions?
 
I've run into very similar problems in my site (also based off bluerobot) and I recently came to the conclusion:

Browser hacks are worse than browser detects.

They're just as likely to break with a new version, they make it much more difficult to maintain the code, and ultimatly your doing a browser detect anyway, just instead of doing it cleanly you're doing it through exploiting a bug.

What I'm saying is, my suggestion would be to cut out all the voice-inheret stuff and just make a couple seperate stylesheets. Then you can isolate what padding/margin/position settings work with which browser, and get everything working.

bart
 
You must log in or register to reply here.

TRENDING THREADS

Back
Top