[robolist]

Hi there everyone I would greatly appreciate some crucial advice on testing browser compatibility.

I have had problems in the past with ie and I have recently started another site… But stupidly I forgot to build it using ie so I don’t have similar problems… Anyway ten pages down the line I decide to test… well as you can imagine it looks crap… lol…

So anyway I have uploaded my incomplete site to a sub domain to do testing, but the strange thing is when I test on ie online it looks different to when I view it offline (the laptop is always online)

For example when I view the site through the sub domain my vert-side menu is on the left where it should be but when I simply right click the index page and open with ie it is on the right. But this doesn’t make a difference when testing on firefox…

Does this mean that I have to always test sites with ie when they are “online”?

This is just so frustrating and I really wish ie could just match the capabilities of other browsers.

Well of course I have finally learnt my lesson and from now on I will only use ie and “test” in firefox rather than visa versa.

Please can someone advise on best practice when it comes to css…

Many many thanks I advance.
Rob

[welshhuw]

Website should look the same online or offline...

Are you using a different version of IE?? (ie7/8?)

I always code in FF as this browser sticks to the W3C guidelines better than IE and then find that if I have issues, I can write a IE specific conditional css code.

Hope this advice helps.

[robolist]

welshhuw, on 14 September 2010 - 01:30 PM, said:

Website should look the same online or offline...

Are you using a different version of IE?? (ie7/8?)

No it is the same version... in one tab it has the menu on the left and in the other tab the menu is on the right. Both on the same broswer but one tab is from my laptop file and the other tab is from my sub domain...

welshhuw, on 14 September 2010 - 01:30 PM, said:

I can write a IE specific conditional css code.

Do you mean i can use the same styling i currently have or firefox and just add special styling for ie???

This would be great and i wont have to change everything i have already done, i would simply add styling to fix ie problems...

Could you explain how i would do this please??

Thank you so much..

[Killer]

To get you started - http://www.positioni...es/cc-plus.html

[robolist]

Killer, on 14 September 2010 - 01:57 PM, said:

To get you started - http://www.positioni...es/cc-plus.html

Thanks Killer... I will read through this... Hope it helps...

[mteam]

hit f12 and see what mode ie is using I know on my virginmedia webspace it always reverts to Ie7 mode

[robolist]

mteam, on 14 September 2010 - 04:55 PM, said:

hit f12 and see what mode ie is using I know on my virginmedia webspace it always reverts to Ie7 mode

oh great... Thanks for that... it was only ever so slightly different... but i am now trying to fix that small fault with

<!--[if IE 7]>
<style type="text/css">
#page-container{
height:4000px;
}

</style>
<![endif]-->

In addition to my other "if ie" styling... but it doesnt work...

[mteam]

Have you got a link

I find IE only styles aren't always needed

[robolist]

While we're on this ie matter... does anyone know an EASY way of creating rounded corners with ie???

I'm using

-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;

for firefox...

[robolist]

mteam, on 14 September 2010 - 05:13 PM, said:

Have you got a link

I find IE only styles aren't always needed

yes i have a link.. give me a min to upload this file to my subdomain...