#media query does not seem to be working [closed] - html

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
Does anyone know or could point me in the right direction with this site, I have major issues with IE 11. I have not tested lower than this yet but Chroms, FF, Safari all work fine.
If you compare this website in both you will see the difference, it looks to me like media queries are not applying to the website. But I have no idea how to get it working. I know this is a glow in the dark!
www.stamford.ac.uk

Left side is Chrome and right side is IE11. I don't see any differences, but the menu needs more contrast and the "Find a Course" needs adjustment to be responsive.

Related

Claimed to be the same height but doesn't seem to be [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 11 months ago.
Improve this question
Difference between the headers
The website's header
My header
Can anyone please tell me what is the thing that is probably making this happen?
This is my span's style
This is the website's span's style
Edit: I tried to make the headers of stack overflow and facebook, I did not have the same problem, but I need to know why this website is like this.
Well it is the same, but the page is just resized. If both browser windows were the same size, they would be the same. The difference is very slight anyway.

Blank vertical column/space to the right on ipad mode [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 2 years ago.
Improve this question
I am in the process of creating this website
if you open developer mode on chrome and change to ipad there is blank column to the extreme right that runs throughout the page. I have no idea whats causing that break and i want to get rid if the space. All I can see is there is a border:box property from reboot.scss. bootsrap 4 is used in this development
any pointers will be much appeciated
Just add
html, body {
overflow-x: hidden;
}
Since you have overflowing/long link to the mail, it is taking up the area. If you use word-break for the same it works, depends on how you want to handle it.

Responsive website works fine on Firefox responsive mode, not working on Chrome Mobile or trough broswers like Instagram and Facebook ones [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 4 years ago.
Improve this question
I am using vanila Css and having sucsess on the mobile Firfox broswer but a a problem occuring using Chrome broswer.
Here is the link.
Man i could not fixed. removing the footer which is fixed only partly solves the problem the right blank white
There is a "#footerTxt" element in the "#footer", you may modify it's css. If you remove the 'width' from it, the view is will normalizing (white space will remove from the right side).
You need to change/modify this "#footerTxt width" property.

OSX and Safari Problems [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I am working with wordpress walkers and putting an icon just above the sub menu list items on primary navigation.
The problem is that with OSX. nothing I do via java or css positions the elements correctly in safari
http://thehaventucson.org/
I am more then willing to give creds to trustworthy peeps as well.
I would like to either get correct positioning or remove the element all together but on in safari.
I have combed through just about every snippet here and nothing seems to work.
Try using position: absolute instead of position: fixed on your little chip

IE11 Edge browsers div border-radius isn't smooth [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
When you scale a div element close to the rounded corner it appears that in IE11 and Edge the corners aren't smooth. I checked in Chrome 49 and latest FF and it works fine.
Please see the demo page. You should have access to code in the demo.
My question is: do you know a workaround for this issue?