Virusscanner tips?
Witte ruimte tussen 2 divs
<!DOCTYPE html>
Gewijzigd op 14/05/2015 19:28:59 door Niels Rietveld
Gewijzigd op 14/05/2015 19:32:24 door - Ariën -
- je browser het doctype niet herkent en overgaat op een andere mode van renderen.
- je de HTML5 serveert als XHTML5, een XML variant van HTML5.
<div>-s kunnen dan verschuiven als <div></div> ineens een <div/> wordt.
Dat kan bijvoorbeeld met de saveXML()-functie van DOMDocument.
Als je browser dat niet goed interpreteert kan het de layout doen verschuiven.
- Je hebt één of meerdere spaties en/of EOL-karakters tussen <div> en </div>,
én je serveert de HTML5 als XML. In dat geval staat er onder je doctype iets als:
Code (php)
1
<?xml version="1.0"?>
ook weer voor verandering in layout kan zorgen.
Wat je kan doen is controleren:
- welke browser en versie je gebruikt
- in de browser hoe het document gerendered wordt (standards, compatibility, quirks..)
- met een of andere inspector van de debugging-tool van de browser controleren wat de
(berekende) CSS-eigenschappen zijn die het gedrag verklaren
Als je er niet direct uit komt kan je verschillen zoeken, bijvoorbeeld:
- ligt het alleen aan het doctype?
- vertonen andere browsers ander gedrag?
- wat gebeurt er als je inhoud tussen de <div>-s weghaalt of toevoegt?