Excess space on the right

Question

* {
  margin: 0;
  border: 0;
  padding: 0;
}
html {
  -webkit-text-size-adjust: none;
}
body {
  background: #474747 url(bg.png);
}
h1 a {
  display: block;
  text-decoration: none;
  font: 40px Helvetica, Arial, Sans-Serif;
  letter-spacing: -5px;
  text-align: center;
  color: #a0a0a0;
  text-shadow: 0px 5px 8px #2a2a2a;
}
h2 {
  font: 30px Tahoma, Helvetica, Arial, Sans-Serif;
  text-align: center;
  color: #222;
  text-shadow: 0px 2px 3px #555;
}
div#mobile pre {
  width: 275px;
  margin: 0 auto;
  background: #222;
  padding: 10px;
  font-size: 20px;
  color: #555;
  text-shadow: 0px 2px 3px #171717;
  -webkit-box-shadow: 0px 2px 3px #555;
  -webkit-border-radius: 20px;
}

This is what I have so far on an iPhone-optimized version of my site. But when viewed from an iPhone/iPod touch, it looks well, except that there is excess space on the right. How can I fix this?

Answer 1

I think you have some tabs or spaces after your "labels". You should also have the text in label-elements.

What you might have:

<pre> <form method="post" action="/index.php">Enter a URL<br />(WITH THE http://):               <br /><input type="text" name="url"> 
<br />Want a custom tag?                    <br /><input type="text" name="custom"> 
</form> 
No URL was entered.</pre>

What you should have:

<form method="post" action="/index.php">
  <label for="url">
    Enter a URL (WITH THE http://):
  </label>
  <input type="text" name="url"> 
  <label for="custom">
    Want a custom tag?
  </label>
  <input type="text" name="custom"> 
</form> 
<p>No URL was entered.</p>

Then you need to style it to make it look like before. Remember the pre-element is usually used to output code.

Excess space on the right

kaitlin15

Correct Answer

alvah_romaguera9

Statistics

Related Questions

multilevel vertical unorder list menu

Creating a two-column-100% layout with Bootstrap

How do I disable the resizable property of a textarea?

GridView Lines Not Showing up in IE

Remove space between 2 tables HTML CSS and image removes background image

tiny space is created when dropdown gets affix

My dropdown menu doesn't take in horizontal and there is a space between the dropdown buttons. Any one?

Only show text on image when you hover - wordpress theme

Vertical alignment of elements overlapping in IE

Daily Trending Questions

How to extract only variables from python code expression without any function name

Python: How do I check if login and password int exist in a txt file?

Why does this line produce a nullpointer? Java 15

how to make mysql columns value depend on other columns

Python Scripting not sure whats wrong in my script and why it is not running

Why are warmup forks useful in JMH?

Python dictionary: How to assign a default value to every Null entry found

Extract data from .txt file

Why isn't a function parameter used here?

Average of dataframes values in a list by name

Trending Questions

Creating a byte array from a stream

How can I match "anything up until this sequence of characters" in a regular expression?

Remove blue border from css custom-styled button in Chrome

How to change to an older version of Node.js

How do I call one constructor from another in Java?

PostgreSQL error: Fatal: role "username" does not exist

Best way to strip punctuation from a string

'password authentication failed for user "postgres"'

Launch Bootstrap Modal on Page Load

How can I read inputs as numbers?

Trending Tags

Excess space on the right

Share a link to this question

Correct Answer

Share a link to this question

Statistics

Related Questions

Daily Trending Questions

Trending Questions

Trending Tags