My CSS debugging with Mac FF and Mac Explorer isn't very good so I'm hoping someone knows what the issue is. This is the site. In FF; The search box in the sidebar has the placement of the search button below it. Whereas in Mac Explorer, it's just fine. And in IE, the bulleted lists under "Most Recent Issues" doesn't align correctly. In FF; The testimonial that I have in my banner from Bob Bly is ok in Mac FF, but in IE, it's too far high in the banner. Does anyone know how this can be solved?
Hate to break it to you, but the layout is even MORE broken on the windows side. You're header is broken on large font machines (the testimonial is pushed down so the word "handbook" is past the bottom of the background - you want something to be lined up with an image that usually means px), in all windows versions of IE your entire sidebar is pushed down past the content, and while I don't see the problem with the search box in FF that you relate, the two columns are separated from the header area by a 8px stripe. A look at the HTML tells the story - dozens of unnecessary wrapping DIV, unclosed tags, for spacing, use of target AND a js click method (both of which are more annoyance to the user than 'useful') , inlined presentational CSS, etc, etc. Not to mention a host of niggling semantics issues like the use of double breaks instead of paragraphs and improper header tags and some minor stuff like separate images (and therin lag) for the mouseover effects. NOT that I would even bother testing in IE 5.2 - that's when you get a copy of parallels and test 5.5, 6 & 7. There's a reason the mac is considered a tinkertoy for this type of stuff - you have to run XP through an emulator (p.s. don't give me that 'virtualization' crap) on it to even reach base level functionality. Your copy could use some help too... Talking about great writing while starting multiple sentences with prepositions, having paragraphs formatted to conversational prose in a non conversational medium, incomplete paragraphs, etc, etc. All in all, I'd say there's about 4k of dead weight on the page in HTML alone (2k or so of which I'd chew up by adding some formatting to the code in the content area) That the CSS, something that should remain fixed and NOT need editing at runtime is being fed through a php file, with multiple redundant declarations and excessive class targeting, much less being invalid CSS - that's just icing on the cake.