Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy is only firefox behaving like I want it to when using PHP?
    primarykey
    data
    text
    <h2>SOLVED: EDITED TO ENCODING -> ENCODE WITH UTF-8 WITHOUT BOM.</h2> <p>Before I started coding php on my site it all looked fine on all browsers. So I made the common beginners mistake to just code all my php stuff in mozilla firefox... and now everything is a mess.</p> <p>If I remove all the php code everything is back to normal again, but that's not a solution.</p> <p><strong>In Firefox:</strong></p> <p><img src="https://i.stack.imgur.com/R1kYH.png" alt="Firefox"></p> <p><em>Everything looks the way it should, it's all perfect.</em></p> <p><strong>In Google Chrome:</strong></p> <p><img src="https://i.stack.imgur.com/l9XtC.png" alt="Chrome"></p> <ul> <li><p><em>A margin between the top and the navigation div(position:fixed) has appeared.</em></p></li> <li><p><em>The content with posts has ran over the footer</em></p></li> </ul> <p><strong>In Safari:</strong> </p> <p><img src="https://i.stack.imgur.com/qypLc.png" alt="Safari"></p> <ul> <li><p><em>A margin between the top and the navigation div(position:fixed) has appeared.</em></p></li> <li><p><em>The content with posts has ran over the footer</em></p></li> </ul> <p><strong>And in the worst of them all IE:</strong></p> <p><img src="https://i.stack.imgur.com/nN36k.png" alt="enter image description here"></p> <ul> <li><p><em>The navigation div is no longer acting like position: fixed</em></p></li> <li><p><em>Youtube div is on the bottom of the page</em></p></li> <li><p><em>Text is bolder</em></p></li> <li><p><em>height has been added on some divs</em></p></li> <li><p><em>The jquery slider is not working and there is like a margin-top and bottom on it</em></p></li> </ul> <p>Why is the difference so big between the browsers? Any good explanations? This is very frustrating as I was just about to finish the job.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload