Jump to content


Photo
- - - - -

IE8 problem with random space


  • Please log in to reply
30 replies to this topic

#1 mitzelumir

mitzelumir

    Member

  • Members
  • 18 posts
  • Framework Version:Developer
  • Country: Country Flag

Posted 27 February 2013 - 10:52 PM

So when viewed on ie8 (and probably earlier versions) the site looks normal until completely loaded and then it creates these random spaces. I looked into the css and can't find any margins or anything. this problem is only occurring on ie8 and the site looks great on ie9, chrome, and firefox. My client uses ie8 though and is extremely bothered and unsatisfied that I can't find a solution to this problem. Is there any possible fix for this?

 

[attachment=726:webpage.png][attachment=727:webpage-show.png]



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 27 February 2013 - 11:18 PM

Hi there, looking at the screen shot for ie, it looks like compatibility mode is on. This has been known to affect the layout as it previews the page so it can be seen in older editions of ie, deactivate this and see if there is a change. More info can be found here -

Please Login or Register to see this Hidden Content



#3 mitzelumir

mitzelumir

    Member

  • Members
  • 18 posts
  • Framework Version:Developer
  • Country: Country Flag

Posted 28 February 2013 - 04:32 PM

This is what I am getting when I switch to compatibility mode.

 

Please Login or Register to see this Hidden Content



#4 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 01 March 2013 - 01:06 AM

Hi there, that link doesn't seem to be working.. I'm assuming though turning off the compatibility didn't do the trick?



#5 mitzelumir

mitzelumir

    Member

  • Members
  • 18 posts
  • Framework Version:Developer
  • Country: Country Flag

Posted 01 March 2013 - 06:16 AM

no it didnt work. it just made everything plain text basically



#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 01 March 2013 - 08:54 AM

Hi,

 

Please remove all your custom CSS, then refresh your page and see if the problem persists. The issue is most likely related to your custom CSS.



#7 mitzelumir

mitzelumir

    Member

  • Members
  • 18 posts
  • Framework Version:Developer
  • Country: Country Flag

Posted 01 March 2013 - 06:32 PM

I deleted all my custom css and the problem still persists. ive tried, my custom css, and all my plugins. is there a way to re install pagelines, maybe the problem is with my version of the framework.

#8 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 01 March 2013 - 10:15 PM

You can re-download the framework from your launchpad account at

Please Login or Register to see this Hidden Content

just go to the 'your products' tab abd you'll be able to redownload as a zip file and upload.

 

But I'd imagine this is coming from somewhere else rather than the core code. Another option would be to use browser specific css to target ie8 and remove the spaces manually.

 

The browser specific css plugin can be downloaded from -

Please Login or Register to see this Hidden Content

Directions on using the specific css can be found at -

Please Login or Register to see this Hidden Content



#9 trassel

trassel

    Member

  • Members
  • 27 posts
  • Country: Country Flag

Posted 01 March 2013 - 11:06 PM

So when viewed on ie8 (and probably earlier versions) the site looks normal until completely loaded and then it creates these random spaces. I looked into the css and can't find any margins or anything. this problem is only occurring on ie8 and the site looks great on ie9, chrome, and firefox. My client uses ie8 though and is extremely bothered and unsatisfied that I can't find a solution to this problem. Is there any possible fix for this?

 

attachicon.gif

Please Login or Register to see this Hidden Content

attachicon.gif

Please Login or Register to see this Hidden Content

And you've got no other plugins thats make the empty space? I'd a map locator before and it made some empty spaces... But when I took it away no more empty spaces and a little css



#10 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 02 March 2013 - 05:23 PM

It would seem something in your site, likely a plugin, is adding that spacing, or, IE is seeing some CSS it cannot understand, thus it adds the space. 

 

While I don't recommend using negative margins, you might want to do this in conjunction with our free Browser Specific CSS plugin found at Dashboard > PageLines > Store > Plugins > Top Free.

 

You can use the plugin to apply CSS specifically for IE8.  I'm not promising this will work, but it's surely a positive step that should be tried.



#11 mitzelumir

mitzelumir

    Member

  • Members
  • 18 posts
  • Framework Version:Developer
  • Country: Country Flag

Posted 03 March 2013 - 06:57 PM

unfortunately I cannot try any of these until monday. 



#12 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 03 March 2013 - 07:02 PM

No worries.  We'll be here!



#13 mitzelumir

mitzelumir

    Member

  • Members
  • 18 posts
  • Framework Version:Developer
  • Country: Country Flag

Posted 05 March 2013 - 05:11 PM

So i tried the browser specific css and it worked for the space at the top, but the space in the nav is still there.

here is the custom css i tried to fix the navbar:

 

 

#boxes.ie8,
#banners.ie8,
#content.ie8,
#footer.ie8{
 margin-top:-50px;
}
 
#boxes.ie8,
#banners.ie8,
#content.ie8,
#footer.ie8{
 position: relative;
bottom: 50px;
}


#14 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 06 March 2013 - 02:34 AM

Hi there, looking at the css above there's nothing in there for the header or the nav sections... if the padding/margins are showing in and around those areas you'll need to go into the section using the inspector to edit the code. If you just move everything up by 50px it won't hide the padding if its applied to another section.

 

You'll need to be specific on the section which is causing the gap. Like below,

 

Please Login or Register to see this Hidden Content



#15 mitzelumir

mitzelumir

    Member

  • Members
  • 18 posts
  • Framework Version:Developer
  • Country: Country Flag

Posted 11 March 2013 - 06:56 PM

I will give that a try, 

I didnt get an email of your response so I didn't see it til now, 

i'll keep you posted.



#16 mitzelumir

mitzelumir

    Member

  • Members
  • 18 posts
  • Framework Version:Developer
  • Country: Country Flag

Posted 11 March 2013 - 07:34 PM

that did not resolve the problem. so I think the problem has to do with margins between the header, content, and footer.

there is approximately 15px spacing between those sections when viewed on ie8. I dont think it has anything to do with the sections themselves. 

is there an id or class that the sections are put in?

 

here are some pictures to illustrate what margins I am talking about.

 

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content



#17 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 11 March 2013 - 09:23 PM

May we have a link to the site?  The snapshots you've made of the layout are not representing any specific padding or margins between the sections.  They're show to demonstrate that there is spacing between them and to give you a clear visual representation of each.

 

Margins, and padding between sections may be adjusted with custom CSS if you know exactly which you need to change.  One must take care not to modify on too broadly a scale as this may cause damage to other things.



#18 mitzelumir

mitzelumir

    Member

  • Members
  • 18 posts
  • Framework Version:Developer
  • Country: Country Flag

Posted 12 March 2013 - 04:42 PM

the site is

Please Login or Register to see this Hidden Content

 and this problem occurs in ie8



#19 mitzelumir

mitzelumir

    Member

  • Members
  • 18 posts
  • Framework Version:Developer
  • Country: Country Flag

Posted 12 March 2013 - 09:10 PM

could the problem be that ie8 is reading the header and footer tags wrong?

is there a fix for something like that?



#20 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 March 2013 - 02:50 AM

Hi there, it shouldn't do no, we're had no other reports of anything like that.

 

The only browser specific code i can see in your custom css box is the body.ie8, did you remove the rest?

 

Please Login or Register to see this Hidden Content

If you try the above as a test, do you get any result at all in ie? That code is for the area directly under the nav, that should move the content up and remove all padding and margins.

 

Or

 

Please Login or Register to see this Hidden Content