Ambiera Forum

Discussions, Help and Support.

Ambiera Forum > WebsitePainter
Format in IE9 - Resolved.....

andyz99
Registered User
Quote
2012-04-22 10:15:49

I am a great fan of this software and use it a lot, but was always frustrated by the issue with layout in IE.
I think I have now cracked it, I add the code below to the first part within the header (View - HTML Code of Page - Additional Code in Header)
and it all works and is perfectly aligned.

The code is simply

<!--[if IE]>

<link rel="stylesheet" type="text/css" media="screen" href="iefixes.css" />

<![endif]-->

I am really happy to say - it works, and sorts all the formatting as well.

Just thought I would share it...

Andy


niko
Moderator
Quote
2012-04-22 11:16:26

Nice :) Where do you get that iefixes.css file?


andyz99
Registered User
Quote
2012-04-22 11:23:12

After doing some more research I have found that it has to be the first line in the header below the meta name already added by WSP.

SO I would presume that is could be automatically added under "<meta name="generator" content="Website Painter">" in a future update??

Andy


andyz99
Registered User
Quote
2012-04-22 11:27:45

Sorry Niko I missed your reply, I was replacing an old website for someone, and was just looking through the code and saw a reference to ie css fix and thought hhmmm. So I tried it, and it worked.

To emphasise though it will not work if there is anything in the "Additional code before the header" section.
So as my last reply, where you have created the meta...Website Painter to automatically appear, just adding the code after that would resolve the IE issue ... for now anyway.

Andy


niko
Moderator
Quote
2012-04-22 17:35:47

That should depend on the content of the .css file you linked. Any chance of posting what you put into there?


andyz99
Registered User
Quote
2012-04-22 20:59:07

Niko,

I just added the code as previously listed to an existing page that was not displayed correctly in IE - an example is www.sandi-russell.co.uk - the view source, and you will see the following:

<meta name="generator" content="Website Painter">
<!--[if IE]>

<link rel="stylesheet" type="text/css" media="screen" href="iefixes.css" />

<![endif]-->

Prior to putting this extra bit of code in the page and indeed the whole site was aligned to the left, and the buttons etc were all wrong compared to other browsers.

Andy


niko
Moderator
Quote
2012-04-22 21:31:07

That's funny, because the file you linked doesn't even exist on your server: http://www.sandi-russell.co.uk/i...
Somehow this probably changes something internally in IE that this bug in the browser doesn't trigger. :)


andyz99
Registered User
Quote
2012-04-22 23:30:02

I agree it is odd - however it works!!
I can only presume it tells IE to (as us English would say)...."sort yourself out"..!

Andy


andyz99
Registered User
Quote
2012-04-30 15:04:00

Niko,

the website I am going to replace is www.pixl.co.uk.

hope that helps.

Andy


Demonlawyer
Guest
Quote
2012-04-30 22:29:21

I think something is still missing sadly - I was really hoping this was a universal fix.

I tried it on my website adelescakes.co.uk but if you add /index1.html you will see the version that has various elements to 'centre horizontally' rather than being in 'free position'.

Are your elements in a layout container perhaps?


Demonlawyer
Guest
Quote
2012-04-30 22:41:41

Does this article help solve things?

4. IE and width & height issues
IE has a rather strange way of doing things. It doesn't understand the min-width and min-height commands, but instead interprets width and height as min-width and min-height - go figure!

This can cause problems, because we may need boxes to be resizable should more text need to go in them or should the user resize text. If we only use the width and height commands on a box then non-IE browsers won't allow the box to resize. If we only use the min-width and min-height commands though then we can't control the width or height in IE!

This can be especially problematic when using background images. If you're using a background image that's 80px wide and 35px high, then you'll want to make sure that the default size for a box using this image is exactly 80 x 35px. However, if users resize the text then the box size will need to expand gracefully.

To resolve this problem, you can use the following code for a box with class="box":

.box
{
width: 80px;
height: 35px;
}

html>body .box
{
width: auto;
height: auto;
min-width: 80px;
min-height: 35px;
}

All browsers will read through the first CSS rule but IE will ignore the second rule because it makes use of the child selector command. Non-IE browsers will read through the second one and will override the values from the first rule because this CSS rule is more specific, and CSS rules that are more specific always override those that are less specific.


Demonlawyer
Guest
Quote
2012-05-04 20:56:50

Thanks to Niko for helping me out with the code. I've used the following code to redirect IE users:-

<!--[if IE]>
<meta http-equiv="refresh" content="0;url=/yournonIEwebsite.html">
<![endif]-->

So any other browser will see the site the way it was intended, and I've created copy pages without center justification for IE users. It's not a perfect solution but it does at least mean that everyone else sees the site the way it was intended.


andyz99
Registered User
Quote
2012-05-07 11:25:42

Demonlawyer,

I agree it is still not perfect as it re-aligns the pages, however it is better than not having it I believe. Still work to go.
Will have a play with the code to see what can be changed and the effect..

Hopefully the more people come across the issue the more chance of a solution - short of telling everyone not to use IE!!!!

Thanks
Andy


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Inte?national" (you are not logged in)


Text:

 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   






Copyright© Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact