Log in

View Full Version : Mobile site alignment problem Pls Help



RICKDO
07 Oct 2010, 10:58 PM
Newbie creating first mobile site,

The image if the site is 320x480 and still shows me the margin you see on top and on the left, how can i fix this?


(http://www.hawaii-limo.com/COCO/home.html)

Thank you all.

The code


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
"http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Site Name</title>
<meta http-equiv="content-type" content="application/xhtml+xml" />
<meta http-equiv="cache-control" content="max-age=300" />
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<meta content="width=320" name="viewport" />
<title>TEST SITE</title>



<meta http-equiv="content-type" content="application/xhtml+xml" />


<meta http-equiv="cache-control" content="max-age=300" />


<link rel="stylesheet" type="text/css" href="style.css" />


<script type="text/javascript"><!--
window.googleAfmcRequest = {
client: 'ca-mb-pub-1504723526405702',
ad_type: 'text_image',
output: 'html',
channel: '2088365298',
format: '320x50_mb',
oe: 'utf8',
color_border: 'FFFFCC',
color_bg: 'FFFF66',
color_link: '0000FF',
color_text: '000000',
color_url: '008000',
};
//--></script>

<meta http-equiv="content-type" content="application/xhtml+xml" />


<meta http-equiv="cache-control" content="max-age=100%" />


<link rel="stylesheet" type="text/css" href="style.css" />

</head><body style="color: rgb(0, 0, 0); background-color: rgb(204, 102, 204);" alink="#000099" link="#000099" vlink="#e500e5">
<div style="text-align: left; font-family: monospace;">

<img style="width: 331px; height: 480px;" alt="K" src="AP.jpg" /></div>

</body></html>

tivy
11 Oct 2010, 09:35 AM
Try setting the margin and padding of the body tag to zero. Just FYI, screenshots and links to live or test deployments usually helps diagnose a problem much more effectively than a straight code dump.