asked on 4/6/2020

CSS Different in iFrame

Hi Experts

When you first load http://iwscc.ca/self-registration/ you will notice that there are two fields per row, as it is the case in the source url, which is http://selfregistration.iwscc.ca/public/registration-form/

The two column is in my desktop.css, which should be still wide enough in the iFrame, but for some reason it goes to my mobile.css.

Anyone know why?

CSS HTML

Last Comment

Zvonko

4/7/2020

Zvonko

4/7/2020

I have removed the landscape option and it worked as desktop.css for me:

<link rel="stylesheet" type="text/css" media="only screen and (min-width: 768px) and (min-device-width: 768px) " href="../../styles/desktop.css">

Open in new window

APD Toronto

4/7/2020

ASKER

You'll see I removed landscape, but the issue presists.

Can you also explain why this should work?

Zvonko

4/7/2020

I cannot. I have tested and have seen it working.
Now is the desktop.css not used at all:
http://selfregistration.iwscc.ca/public/registration-form/

You have a typo now! You missed the closing quotes:

<link rel="stylesheet" type="text/css" media="only screen and (min-width: 768px) and (min-device-width: 768px)????               href=" ..="" styles="" desktop.css"="">

Open in new window

Zvonko

4/7/2020

If I repair it to this then it works:

<link rel="stylesheet" type="text/css" media="only screen and (min-width: 768px) and (min-device-width: 768px)" href=" ../../styles/desktop.css">
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 768px) and (min-device-width: 768px)" href="http://selfregistration.iwscc.ca/styles/registration-form_d.css">

Open in new window

ASKER CERTIFIED SOLUTION

Zvonko

4/7/2020