Hi Jhowell, thank you for your reply and sorry I'm new to this.
Yes I wanted the images to fit the screen with no margins, the images shouldn't stretch as the aspect ration is correct for kindle fire (1200x1920px), but for some reason something is causing it not to fit.
Here is the html:
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Nutti-The-Squirrel-Who-Couldn't-Eat-Nuts</title>
<link href="../Styles/idGeneratedStyles.css" rel="stylesheet" type="text/css" />
</head>
<body id="Nutti-The-Squirrel-Who-Couldn-t-Eat-Nuts">
<div class="_idGenPageitem-2"></div>
<div class="_idGenPageitem-2"><img alt="2.jpg" class="_idGenPageitem-1" height="1920px" src="../Images/2_opt.jpeg" width="1200px" /></div>
</body>
</html>
And here is the css:
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote {
margin:0;
padding:0;
border-width:0;
}
td, th {
border-style:solid;
border-width:1px;
}
table {
border-collapse:collapse;
}
body {
-epub-hyphens:auto;
-webkit-hyphens:auto;
}
@page {
margin: 0px 0px 0px 0px;
}
img._idGenPageitem-1 {
margin: 0px 0px 0px 0px;
}
div._idGenPageitem-2 {text-align: center; width: 100%; height: auto; margin: 0px 0px 0px 0px;}
https://www.dropbox.com/s/jh8qa0af08...pture.JPG?dl=0