Archived

This topic is now archived and is closed to further replies.

  • 0

fix problem in IE on one page


Question

Posted · Report post

I have never been successful combining body.ie with .page-id-____ in css.  I can do it in firefox and chrome but not ie.  Is there some other way to do it with IE???

 

If you look at www.clearheartcoaching.com/contact-me in IE, everything below the contact form is HUGE. But only in that browser and only on that page

 


so ideally, to fix this, it wd be body.ie .page-id-113 .menu-footer-nav-container .pullquote ...

 

but nothing happens EVER with that browser combined with a page.

 

yes i have browser-specific plugin

 

Thanks for your help

Share this post


Link to post
Share on other sites

20 answers to this question

Posted · Report post

Peggy,

 

I think you must have an error in some coding related specifically to the form.  I'll explain my logic behind this:

1. The mis-sized code isn't really mis-sized, it's simply bolded, so likely you have an unclosed <strong> or <b> tag somewhere in the form or in custom html relating to the form.

2. The event only appears on this one page, following the form or after it, not preceding it, thus it must be something uniquely related to the form or widgets, not the page or PageLines, else it would appear elsewhere.

3. The CSS in IE9 and Firebug shows the same things.

 

Did you know IE9 has inspection tools similar to Firebug? Press F12 on your keyboard.

 

You can also review the HTML of the page using an HTML validator, which I did and found the error is coming from a text widget containing the times of your operation. See below.

post-6-0-10187200-1362849930_thumb.jpg

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

You should try body.ie.page-id-113. page-id-113 is a class for the body tag, so it should be a part of the same selector.

Share this post


Link to post
Share on other sites

Posted · Report post

Thx! Do you mean that there shd be NO space between the the body and class tags? 

And that there should be spaces between that combined tag and the following footer and pullquote tags???

 

 

OK, I just re-tried it, and removing the space didnt work.  I think I'd tried that before...

 

Here's what I'm using, both with and without spaces, and even trying "!important":

 

body.ie.page-id-113 .menu-footer-nav-container .pullquote {

display: none;

}

 

What I'd really rather do is shrink the size of these elements as opposed to hiding them.

 

Please keep in mind, I've tried this combo of body.ie and page-id many times before with no success.  So I dont think its anything specific about this particular event

Share this post


Link to post
Share on other sites

Posted · Report post

Are you using the latest IE?

Share this post


Link to post
Share on other sites

Posted · Report post

version 9.08

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there

 

These are the classes being shown on the page for the body, I can't see anything in there relating to IE. You can follow that format below though to insert a new instruction. Page id comes first.

 

 

<body class="page page-id-113 page-template page-template-page-gamma-php custom responsive pagelines gamma full_width body.mobile, body.ipad, body.android, body.iphone navbar_fixed prettify-on desktop chrome">
<div id="site" class="two-sidebar-center">

 

Share this post


Link to post
Share on other sites

Posted · Report post

james, I'm not so sure this is a css issue since nothing I do in css shows up on the page, and I do mean nothing. So, heres the deal. Everything on that page is huge, magnified, including the form. cd it be something else?

Share this post


Link to post
Share on other sites

Posted · Report post

I did as you suggested on Live and reversed the order of the page and bosy classes, which I'd also tried before but that made no difference. I do see that in that string at the top near the head, most every browser type I add in css is listed. but body.ie is not.  is there someplace to add that permanently?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Peggy,

 

The only other thing I can think to try is to put the pullquote on that page inside it's own div (give the div class a name) then use that followed by the pullquote in the css, instead of using the page-id.

 

Checked on the support docs and it says the body.ie class at the top of the page will only show in ie, if i look ony your site now i see firefox as that's the browser i'm using etc.

 



    body.ie .mydivclass .pullquote {
    display:none;
    }


Share this post


Link to post
Share on other sites

Posted · Report post

hey thx james.  I'll try this.  I'll try that with the footcols too.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Peggy,

 

I just looked at the site and see no enlargement of anything out of the norm.  Below is a snapshot. Did you resolve the issue? 

 

post-6-0-58896100-1362843762_thumb.jpg

Share this post


Link to post
Share on other sites

Posted · Report post

Rob, good morning!  Whatcha doin' workin on a Saturday morn?  No I have not resolved the issue.  Are you looking at it in IE?  Which is where the problem is?  IF so, which version of IE?

Share this post


Link to post
Share on other sites

Posted · Report post

Good morning Peggy,

 

Yes, it is IE, v. 9.0.8112.

 

It's possible changes aren't being seen in your browsers due to the browser cache.  Did you do a hard-refresh in IE? (Shift+F5)

Share this post


Link to post
Share on other sites

Posted · Report post

I pressed Shift + F5 on keyboard but nada. 2 diffferent keyboards: no response.  Rob, if it looks normal to you, meaning the same as on the other pages, then I'm just gonna fugettabouttit!   although, I wd lkike to see a screenshot.  Cdnt open the one you posted

Share this post


Link to post
Share on other sites

Posted · Report post

I take that back.  I just opened it.  The bottom items (nav and quote are huge compared to the other pages. hmmmmmmm. not a cache issue then.

Share this post


Link to post
Share on other sites

Posted · Report post

So back to James' idea?  But how do you asssign something to a class?  Dont see any doc...

Share this post


Link to post
Share on other sites

Posted · Report post

James idea is a good one, of course, but since the text widget seems to have an unclosed <strong> tag, everything following it is picking up that and is appearing bold, even the pullquote.  If you removed that, I don't believe you'll see anything different, except the lack of your pullquote. 

 

Check the text widget used to apply the contact hours and I'm sure you'll find the issue. Validate it by direct input here: http://validator.w3.org/

Share this post


Link to post
Share on other sites

Posted · Report post

Rob, is it my imagination, or is this Above sand Beyond?  Thanks.  I'll dig into that widget if I can remember how.

Share this post


Link to post
Share on other sites

Posted · Report post

Dashboard > Appearance > Widgets.  Select the sidebar it's using (probably Primary) and just drop down (open) the text widgets till you find that content. 

 

Copy the content, then validate it.  That will tell you if the code is correct.

 

Above, beyond, and probably over the top!

 

As always, glad to help.

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

Presto!post-42201-0-46544400-1362852428_thumb.p

Share this post


Link to post
Share on other sites