By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
431,943 Members | 1,875 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 431,943 IT Pros & Developers. It's quick & easy.

An abstract design, having trouble getting it to look good cross-browser

SamKL
P: 27
Firefox was my initial testing browser for this design, and it looks just fine in FF... Opera, and IE both disagree however... the main part of the design looks fine, really. The hex-cells line up fine (not in IE6 yet, but I have not done any fixes for this at this time), and show up perfectly in all of IE7, Opera, and FF.

Here's the current test page http://www.sjfweb.net/test/, the main issue here is contained in the #style div, which is merely for cosmetic value, but will also let the person viewing the page change the stylesheet (giving viewers a sort of "portfolio" of design examples by making the site's look change).

This is the first style I'm working on for the page, and it will be accompanied by two others, but for now this is going to be the base testing one since it seems the most complicated to lay out.

Here's the CSS files

http://www.sjfweb.net/test/css/layout.css
http://www.sjfweb.net/test/css/id_style.css
http://www.sjfweb.net/test/css/id_menu.css
http://www.sjfweb.net/test/css/id_main.css

I am kind of newer to CSS, and recently switched over from table layout (ugh...), so any other suggestions would be appreciated. I can at least assure you it validates as XHTML Strict =)

Also would like to know if there's a way to fix that annoying bug in IE which makes the popup menu (hover over one of the lighter shaded cells) show up behind other cells. They are part of an UL.
Oct 23 '06 #1
Share this Question
Share on Google+
4 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Your xhtml validates but not your css. Fix that while I look at the rest.
Oct 24 '06 #2

drhowarddrfine
Expert 5K+
P: 7,435
That annoying popup I've fixed twice for others and, for the life of me, I can' t recall how to do it.
Oct 24 '06 #3

SamKL
P: 27
Yeah about the CSS error... it just says it doesn't recognize the alpha commands. But apparently it is a recognized command in several browsers. All of them. That's the only one I can really find at the moment aside from a few warnings
Oct 24 '06 #4

SamKL
P: 27
Okay, CSS and HTML both validate now. It now seems to work alright in Opera and FF, of course IE doesn't want to cooperate. Any clues on how to fix

1) the #style div (bottom left part) in IE so that it lines up in the box correctly?
2) the popup bug in IE, where the menu elements appear behind the other images on the menu?

Files are the same as above.

I did some changes to the way the #style div graphics worked and it seemed to make things less of a headache.
Oct 24 '06 #5

Post your reply

Sign in to post your reply or Sign up for a free account.