sidebar links work in FF but not in IE

Thanks manstraw – I wasn’t able to get to this today, but I’ll definitely work on it tomorrow and update here.

YAYNESS! Sidebar links now work in both FF and IE!

Okay, so I positioned the leaf image into the header – this took care of the title and description being hid by it before.

I used part of geoffe’s answer, though I wasn’t sure where the 350 margin thing had come from – I simply replaced it with 0 instead and everything began working again!

I’m not sure where you saw the 3 extra </div> tags, geoffe, I couldn’t find them.

All in all, if you guys wouldn’t mind checking it again in your IE browsers, I’d really appreciate it!

My only issue now, is that in FF, the leaf image is “overlapped” somehow, while in IE it isn’t.

I’ll never understand how to get things perfect in both browsers… and typically I don’t worry too much about it with little stuff. But now my poor leaf image is cut off. *sigh*

Your leaf image is cut off? Just checked on a Mac firefox, and I don’t see what you mean.

More firefox observations.

Your headlines are immediately under your google ads. Almost touching. I don’t recall it being that tight before. It looks like a boo boo.

And the block of type with your copyright is underneath the sidebar on short pages, like this page > https://www.ladydelaluna.com/weight-loss-food-recipes-tracking-and-so-on/weight-watchers-recipes/ I would expect you want it to start past the sidebar and be centered under your body content. It’s centered on the whole page, or a larger container or something.

ah – thanks on the footer info… can’t manage to get that one fixed though… ??

dropped the titles down – that should be better now.

here’s a screenshot of what i’m seeing at this point, on my PC w/FF versus w/IE:

https://www.ladydelaluna.com/i/ie.jpg
https://www.ladydelaluna.com/i/firefox.jpg

even the google ads are off-place…

I just checked in both IE7 Beta3 and the latest Firefox, on my 800×600 res, 17″ monitor screen, and they both are looking the same in both browsers.. ??

The links are now also working in Firefox and IE7 Beta3 for me as well. =)

Unless I’m missing something, you can take a look at the following Screen Shots..

Viewing in latest Firefox.
https://www.vindictivebastard.net/images2/lara-ff-top-ss.gif
https://www.vindictivebastard.net/images2/lara-ff-bottom-ss.gif

Viewing in latest IE7 Beta3.
https://www.vindictivebastard.net/images2/lara-ie-top-ss.gif
https://www.vindictivebastard.net/images2/lara-ie-bottom-ss.gif

I think you’ve done an awesome job Lara!! =)

spencerp

P.S. By the way, what was the main culprit of it all? Was it the fixed positioning, classes of links … or a mix..?

wow – spencer… ?? those look more borked than mine do for the top ones… ??

for the sidebar thing, it was the float/fixed positioning thing… how strange is that? never came across that one before.

i did add styling for the li class, but it didn’t take effect for some reason…

can you check a PAGE in your browsers and look at the footer? like this one: https://www.ladydelaluna.com/weight-loss-food-recipes-tracking-and-so-on/

wow – spencer… ?? those look more borked than mine do for the top ones… ??

Hmm..I didn’t think it “looked” borked.. =/ But it is your website lol..you should know how it should be displayed hehe. ??

for the sidebar thing, it was the float/fixed positioning thing… how strange is that? never came across that one before.

Hmm, ok. Yeah, damn IE and it’s bugs. I never really used “fixed positioning” before, if I remember right.. but, atleast that’s fixed for now atleast hehe. =)

i did add styling for the li class, but it didn’t take effect for some reason…

Ok, well I’ll take a gander at your style.css once, and see what I can maybe suggest. =) Maybe try some of the following, being that you have a “div” inside the main “sidebar div”.

#sidebar .box2.page_item a{
color:#412323;
text-align: center;
font-weight: bold;
}

Or..

#sidebar.box2.page_item a {
color:#412323;
text-align: center;
font-weight: bold;
}

Or..

ul#sidebar .box2.page_item li a {
color:#412323;
text-align: center;
font-weight: bold;
}

Or..

ul#sidebar .page_item a {
color:#412323;
text-align: center;
font-weight: bold;
}

Or..

ul#sidebar .box2.page_item a {
color:#412323;
text-align: center;
font-weight: bold;
}

I’m not *really* sure on those, but..someone else can specify it better lol! I’m *thinking* it’s prolly one of the last three.. but again, just not sure on it. =P

can you check a PAGE in your browsers and look at the footer? like this one: ladydelaluna.com/weight-loss-food-recipes-tracking-and-so-on/

In Firefox..the “footer/txt” is basically directly under your post..not down at bottom of page. Same goes for IE7 Beta3. =(

I hope the above “classes” work for the sidebar links, but personally..it might just be easier to take out the “page_item” classes from the sidebar.php file. Not sure, but just a thought. =)

spencerp

I don’t have the classes in there…

<div class="box2">
<ul><?php wp_list_pages ('title_li='); ?></ul>
</div>

So I’m not even sure how the hell they’re in there…

“In Firefox..the “footer/txt” is basically directly under your post..not down at bottom of page. Same goes for IE7 Beta3. =(“

And that’s exactly what I don’t want… ??

I don’t have the classes in there…

<div class="box2">
<ul><?php wp_list_pages ('title_li='); ?></ul>
</div>

Oh! I just did a hard refresh Ctrl + F5 and found them in here..in this div block. Hehe, I know it’s the “pages”, but..you’d still have to style for it then..though. =) ??

<div class="box2">
<ul><li class="page_item"><a href="https://www.ladydelaluna.com/2006-to-do-list/" title="2006 To-Do List">2006 To-Do List</a></li>
<li class="page_item"><a href="https://www.ladydelaluna.com/about/" title="About">About</a></li>
<li class="page_item"><a href="https://www.ladydelaluna.com/archives/" title="Archives">Archives</a></li>

And that’s exactly what I don’t want… ??

Hmm..I’ll have a look once..

spencerp

I understand that they’re in there if you choose “view source” from the browser – but that views the OUTPUT source – not the actual code on the page. (Strange sounding I know, but very very true…)

What I posted is the exact code on my page. Why it’s outputting to that class, I have no idea…

Are you using widgets maybe? Not sure, just was wondering.. cause this is too weird.. =/

spencerp

nope – no widgets.

GaMerZ says:
i think it maybe due to wordpress core functuin
GaMerZ says:
wordpress like to parse things to their liking
GaMerZ says:
lol
Twisted – says:
hahaha
GaMerZ says:
take for example like the subcategories
GaMerZ says:
they like to add li tag
GaMerZ says:
lol

I think moshu even stated on this before, several times for other peoples.. Maybe *hopefully* he’ll add his 2cents in here. =P

spencerp

(Yes, we get a little nutty on Live Mess sometimes lol!)

well you be nutty… lol i’m going to bed. still sick from inhaling all the smoke from the fire yesterday… ??

thanks for your help – and i’ll check back in the morning… ??

well you be nutty… lol

Haha..ok..will do definitely. ??

i’m going to bed. still sick from inhaling all the smoke from the fire yesterday… ??

Ok, get some good sleep. ?? Hopefully *someone* will have an answer for you..by the time you get up. ?? Aww..what fire? At your place? Or some where close? =/

thanks for your help – and i’ll check back in the morning… ??

No problem. =) Again, hopefully somebody will have a better detailed answer for ya.. I’ll see if some other people on Live Mess, might have a better answer. ??

spencerp