?

Log in

No account? Create an account

Previous Entry | Next Entry

While I awaited an answer I looked around for hacks. I found so many I fixed the header graphic not just in IE 7 but in IE 6, along with a few other problems - I hadn't tested in IE 6 until about 10 minutes ago, so this was quite a feat.

To fix the misplaced image in IE 7:

*:first-child+html #header-inner {margin-left: -10px !important;}

To fix the misplaced image in IE 6:
* html #header-inner {margin-right: 0 !important;}

I never knew you could use the *html hack to fix just about anything wrong in IE 6, but now (so many years later!) I finally do.




On anti_aol my header graphic (the blue ribbon) is just where I want it in Firefox, Opera, Safari and Chrome.

In IE 7 the header graphic margin is wandering off just 5 pixels to the right.

I can fix it in IE by adding 5px to the left margin on header-inner (header-inner is where Liz attached the image and I stuck wih it) but that just makes the header wander off 5 pixels to the right in Firefox and all the other browsers.

Is there any way to get it to position right in IE and all other browsers? (Using Mixit with a competely recoded version of the P.S. I Love You layout at thefulcrum).

Comments

( 7 comments — Leave a comment )
av8rmike
Mar. 19th, 2009 01:35 am (UTC)
=P Sorry, I was out most of the evening. Those "hacks" are fairly well documented, but am I imagining things or is this not the first time you've had problems with a layout misbehaving only in IE7?
marahmarie
Mar. 20th, 2009 02:42 am (UTC)
Oh no, you're not imagining it. This is the thing: With almost every style sheet Liz has ever made I tear the code out and put in my own. I have no idea what I'm doing, and since I'm self-taught my code is probably more than a little wonky by IE's notoriously weird standards. So I'll split the blame with IE - most of the time - for now. Stuff like that just makes me love Firefox that much more... :)

Edited at 2009-03-20 02:43 am (UTC)
av8rmike
Mar. 20th, 2009 02:52 am (UTC)
I do wonder if these problems will still exist in IE8 under "super-compatibility mode" or whatever they're calling it. I don't plan on downloading it any time soon to find out, though.
marahmarie
Mar. 20th, 2009 08:06 am (UTC)
It's called "Standards Compliant Mode". What really bugs me is LiveJournal is on the long list of websites - which includes Google, eBay and Microsoft itself - that IE devs say "must" run in Compatibility Mode in IE 8 RC1 (no switching into Standard Compliant Mode is allowed). I'm currently using RC 1 for style sheet testing on LJ. Compatibility Mode uses IE 7's rendering engine - leaving us with no idea whatsoever what any of the blacklisted sites - including LJ - will look like once Standards Compliant Mode is turned on and kept on by default.

It would be easier - wouldn't it - if the IE devs would let us turn Standards Compliant Mode on and off at will so we can test for IE 8 properly - but they've disabled the option for that in RC 1 (it was enabled in the first Beta, though!). I think it's a crying shame - whoa, Mike (edit!) IE 8 (the final version) came out at 12 noon today. Aren't you delighted?

I'm downloading it (against my better judgment) even as I write this - just can't wait to see how my style sheets "came out" in this version...(another edit)...finished downloading and installing it (2 forced restarts and 20 minutes later) to find that...I was wrong. Forced Compatibility Mode for those thousands of sites on the list remains in the final version, so we'll be designing for IE 7 - not IE 8 - until further notice, I guess. No need to download IE 8 just to do testing on sites like LJ, since they won't be rendered in Strict mode anyhow...

Edited at 2009-03-21 06:05 am (UTC)
av8rmike
Mar. 21st, 2009 02:17 pm (UTC)
I think I read somewhere (LifeHacker maybe?) that there was a way to change the rendering engine in the program. Is that possible, and is it possible to override the forced compatibility mode?
marahmarie
Mar. 21st, 2009 08:10 pm (UTC)
On any website that's not on the list of sites that must be rendered with IE 7's rendering engine, you can toggle Compatiblity Mode on and off, since those sites render correctly in Standards Compliant mode. Toggling is for designing with backward compatibility in mind for IE 7. In our case (since LJ is on the blacklist of sites that do not render correctly in IE 8) forced Compatiblity mode cannot be toggled on and off. LJ is "forced" to display for all users with IE 7's rendering engine.

The only workaround I can envision is storing local copies of LJs you're editing the CSS on (using File-->Save As...), then making sure IE 8's "Display Intranet sites in Compatiblity View" option remains off (haven't tried it yet, though).
marahmarie
Mar. 23rd, 2009 09:11 pm (UTC)
WOO-HOOOOOO I found the answer! But now my header's all screwed up in IE 7 again.
If you use IE 8 and want to see one of the sites on IE's blacklist in IE 8 Standards Mode, this is all you have to do: Navigate to Tools-->Developer-->CSS-->Document Mode-->IE8 Standards and the page will instantly refresh in IE 8 Standards Mode.

My header happens to work beautifully in Standards Mode, so I think I can lay to rest the idea that I'm coding it wrong or anything else like that. But....I switched to a new header graphic (it's the same size, though!), edited my CSS some more, and somewhere along the line I lost the positioning in IE 7. I have no clue what's wrong, but now the ribbon is hovering 20px 26px to the right. Maybe I'll figure it out, but I've tried several ways to reposition it already to no avail. Predictably, I had to move the left margin -26px to fix it. Oh, and I forgot to put "#" before "header-inner" in my IE 7 hack section which was keeping any hacks for that element from showing up. Thankfully it's all fixed now - three cups of coffee later.

Edited at 2009-03-23 10:39 pm (UTC)
( 7 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars