IE6 Nav Pane? Sticky Posts?

Aug 08, 2008 10:24

-I just recently realized that in IE6, the sidebar is pushed to the bottom, under the entries. Does anyone know of a way to repair this? Oddly enough, it only does it on my main page-- on my Friends page, the sidebar appears as normal. I'd like to page my journal as all-browser friendly as possible ( Read more... )

bug:browser issues, entries:sticky post, sidebar:placement

Leave a comment

av8rmike August 8 2008, 15:26:24 UTC
Hi again. The usual reason IE6 pushes the sidebar to the bottom of the page is because it thinks there's not enough horizontal room for both the entry and sidebar columns. I took all your customizations and applied them to my journal, and it displayed fine for me in IE6. Even on your pages, skipping back 20 entries displayed correctly. It looks like you've posted some videos on recent entries, maybe those are making it display weird...

About the future-dating question, the only reason you set the date into the future is so it appears at the top of the journal, before all others. If you want a specific entry to appear before certain ones, just set its date to out of order and before those. Here's an example:

Post 4 (Feb. 1)
Post 5 (Jan. 5, date "out of order")
Post 3 (Jan. 3)
Post 2 (Jan. 2)
Post 1 (Jan. 1)

Say posts 1, 2, and 3 are 3 chapters of your story and post 4 is a different story. Post 5 is the "intro" post, written after 4 but back-dated to appear between 3 and 4. Make sense? I'm not sure what you're referring to about Bloggish because this is the same for every layout.

Reply

watchmebe August 8 2008, 15:33:02 UTC
Ugh, it pushes everything to the bottom for me-- I wonder what the difference is? I'm only even concerned about it because the people at my publishing house are on ie6, and I *definitely* want it to appear correctly for them. Huh.

Perhaps I'm mixed up about the Bloggish stuff!
The trouble with backdating as you mentioned is that I still use the tags that I want the intro post to refer too, so I'd be forever redating and changing the intro posts. Can you think of anyway to achieve a similar effect?

Thanks :)

Reply

av8rmike August 8 2008, 16:14:36 UTC
Oh, OK, I see what you're asking for with respect to the tag view. I must have missed that the first time around. Unfortunately, it's not a trivial exercise to determine that you're looking at a tag-filtered page and to display one of several sticky posts accordingly. It requires some S2 trickery and I'm not even sure the system will allow you to overwrite the sticky post content in real time. I can play around with it a bit and see what I come up with.

Can you try putting the embedded videos behind LJ-cuts and see if that fixes the IE6 problem? I want to see if it does before I start suggesting CSS trickery.

Reply

watchmebe August 8 2008, 16:19:04 UTC
I logged into LJ through IE and thus it displayed all my entries and pushed the videos to another page....and the sidebar is still at the bottom! Very odd.

Thank for giving it a shot!

Reply

av8rmike August 8 2008, 16:54:32 UTC
I'm sorry; I must not have been clear. This and this entry have some kind of embedded content. Can you try editing those entries to put the videos behind cuts? Or is that what you did?

Reply

watchmebe August 8 2008, 16:55:59 UTC
Those links are showing up as not found?
I'll just go ahead and put all the recent vlogs behind a cut!

Reply

watchmebe August 8 2008, 16:57:50 UTC
Doesn't look like hiding the videos fixed it though.

Reply

av8rmike August 8 2008, 17:10:32 UTC
Jeez, I'm dumb. I didn't add ".html" after the entry numbers. However, viewing the vlog tag in IE6 appears OK, even though the videos are not behind LJ-cuts.
On most single-entry pages, the sidebar is right, but on this page it's at the bottom. Are you seeing that too? Is there any weird coding in that entry that's not present in the one titled "Distract Me"?

Reply

watchmebe August 8 2008, 17:15:05 UTC
Not that I can see-- I even tried looking at other ones with similar blockquotes and moodicons...it doesn't seem to have anything to do with the number of comments or the length either.

Reply

watchmebe August 8 2008, 17:35:30 UTC
I have noticed that the line separating the first and second entries doesn't exist in IE6 (which is weird, since I didn't think it was special code or anything) on ANY page...could that have anything to do with it?

Reply

av8rmike August 8 2008, 17:49:08 UTC
I'm not seeing that, but I doubt it's the cause or symptom of anything. Can you try editing your CSS to reduce the width of #alpha by a pixel or two (but don't change any other) and see if it goes away?

Reply

watchmebe August 8 2008, 17:54:41 UTC
Weird-- it works when I reduce the Alpha column to 557 (it's originally 560). That works though! Will that go through all my pages, or do I need to change that number in other spots as well?

Reply

av8rmike August 8 2008, 17:59:08 UTC
It'll affect all your pages the same. It's not that weird, it's a property of "floating" columns: If the browser thinks there isn't enough room for a column, it gets pushed down until there is enough horizontal room. I have no idea what it is about that one entry that might be messing IE6 up, but a 3px gap between your columns should help that problem and be almost unnoticeable.

Reply

watchmebe August 8 2008, 20:56:09 UTC
Thanks! Let me know if you have any thoughts on the tags, but either way I really appreciate it :)

Reply

marahmarie August 13 2008, 19:58:43 UTC
OK, not that I have anything useful to offer, but still I don't recall ever seeing a theme layer for Bloggish that adds sticky posts (or "intro entries" if you will) to the top of each separate tag page. It would be a nice functionality to have...and I could probably use some of my s2 code and redo it to work for Tag Pages in Bloggish, but s2expressive would be more Mike's thing. I don't see why you can't take the s2 code I came up with for Stickys (it's just a modified version of Mike's for Expressive's Stickys, if I recall what I did that week correctly) and recode it back into Expressive, just changing the links to point to Tags pages more specifically. Hmmmm...

http://community.livejournal.com/s2_bloggish/43328.html

Edit; Ah, I just re-read my tutorial, and now I see that wrin actually gave me the code for it, no re-coding on my part required. It was turning the Bloggish journal title, subtitle, and entry names into clickable links that might have caused me to rework some Expressive code, I guess.

Reply


Leave a comment

Up