http://www.coolbypass.com/ The navigation in IE looks weird. I think it has something to do with the margins or padding in the header div, but I just can't figure out whats wrong. much help appreciated!
Get rid of this and you may have to re-style a few elements, but it will prevent IE from rendering in quirks mode.
lolz, i think you were working on your site exactly when i entered it about you problem in IE, please be more specific... i'm on a notebook and can't distinguish many differences between ff and ie, except that those input texts for search and Bypass don't look good in ie. Is that what you were talking about ?
I forgot to take that out, it was part of the proxy script but its un-needed, nothing needed to be restyled. http://img210.imageshack.us/img210/9360/blehba6.gif The texts look funny because IE has a blurrier look than FF Oh! and its in IE7
Yup, your problem is only in IE7. I have ie6 and everything is oki now ( i saw you corrected the input text problem ). You can select your css style depending of your IE version like this: <!--[if lte IE 7]> <link rel="stylesheet" media="all" type="text/css" href="styles/ie7.css" /> <![endif]--> <!--[if lte IE 6]> <link rel="stylesheet" media="all" type="text/css" href="styles/ie6.css" /> <![endif]--> Code (markup): Good luck.
I know this, but what I do not know is what is causing the links in the navigation to move down several pixels.
Or one could just use code that works in the first place As to the problem, there's still a blank line before the doctype, so IE is STILL in quirks mode. The less than sign opening the doctype has to be the first CHARACTER in the document. Let's see... H2 that shouldn't be an H2, if it's important enough to be header put it in the H1, otherwise it's content not header. Font tag - that needs to go... I'm trying to figure out why you are double wrapping - and I'm just not seeing it... oh, I see, that little greyscale that's so subtle it doesn't show on any of my monitors... In the CSS, you declare a margin on the body, THEN null all margins... that should be the other way around, right? You're using expression for max-width - but not min? AND no fallback for .js off? Not entirely sure why you even have the header div in there - you don't have enough elements to make use of it... Yeah, I'm seeing a bit of overcomplication and overwork here - some of it could be because the layout isn't finished yet, but I suspect more likely it's a case of not doing markup FIRST, and THEN bending it to your will with CSS... even so this is remarkably clean HTML compared to what I'm used to seeing around these parts. Those 'read more' anchors in the paragraphs - first off are those part of the paragraph? No, they are not - so why are they IN the paragraph. Likewise news items might have more than one paragraph or other block levels in them, so each 'article' including it's header should probably be grouped in a DIV - which is where that class you have on the paragraphs should probably be. Hang on, rewrite in progress...
Ok, this is how I'd code that page: http://battletech.hopto.org/for_others/longhornfreak/template.html the directory http://battletech.hopto.org/for_others/longhornfreak is unlocked so people can grab the gooey bits. I ended up redoing the images to clean them up and make them a wee bit smaller, the CSS is all new I didn't really use much of your existing CSS, and the HTML got a bit of a facelift too as I switched it to one of the more common source order models. Validates XHTML 1.0 Strict, tested functional in IE 6 & 7, FF, Opera and Safari with no hassles. IE 5.x fails because of the different box model - big shock.
Very very nice Tested it with FF, IE7, IE6, Opera, Safari and everything works fine One single observation though: in IE5.5 SP2 the text in input texts is too down side. Cheers.
Gotta love IE 5's broken box model, eh? (By the way, if it's really that important to you, look up "Simplified Box Model Hack" in your search engine of choice - avoid the hack with the voice-family crap unless you like the friend of a blind person punching you in the face.)