Results 1 to 2 of 2

Thread: Mobile site alignment problem Pls Help

  1. #1
    Join Date
    Oct 2010
    Posts
    1

    Mobile site alignment problem Pls Help

    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?




    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>

  2. #2
    Join Date
    May 2010
    Location
    College Station, TX
    Posts
    216
    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.
    All web designers hate the internet. If I spend all day making/updating/looking at websites, why the hell would I want to deal with it outside of work?

Similar Threads

  1. Design a mobile friendly site, need advices!
    By itto in forum Web Design, HTML Reference and CSS
    Replies: 0
    Last Post: 16 Aug 2010, 12:12 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •