0

html5 preview with css in head section failing?

Dave Everitt 6 years ago in iPad updated by Alexander Blach (Developer) 6 years ago 4

The preview for this file on my iPad is completely blank?



I would need to have a look at the HTML and CSS files to see what's wrong.

Hmmm - iPad screenshot failed to upload via Safari, so here's the code:


<!DOCTYPE html>
<html>
	<head>
	<title>flexyboxes</title>
	<style>
	body { margin:0; padding:0; color:#666; }
	#boxes div { width:20%; display:inline-block; background:#eee; min-height:5em; text-align:center; }
	</script>
</head>

<body>

<h1>boxy boxes</h1>

<div id="boxes">
	<div>
		<h2>boxy one</h2>
		<p>some text</p>
	</div>
	<div>
		<h2>boxy two</h2>
		<p>more text</p>
	</div>
	<div>
		<h2>boxy three</h2>
		<p>another bit</p>
	</div>
	<div>
		<h2>boxy four</h2>
		<p>and another</p>
	</div>
	<div>
		<h2>boxy five</h2>
		<p>even more</p>
	</div>
</div>

</body>
</html>


I'm an idiot: NOT/script but /style Apologies. Textastic still is totally  Textastic.

It's great to hear that it works now :)